covid-data-monitor
v1.0.0
Published
We Count Data Monitor project visualising Ontario Covid test centre data as accessible map
Downloads
3
Readme
We Count Covid Data Monitor
This package implements a map and query-based visualisation of data on Ontario COVID-19 assessment centre locations for project We Count.
It includes built-in data that merges the ODS assessment centre locations dataset with a mocked accessibility dataset for these assessment centres to visualize at [data/merged/output.csv].
Install
After checking out this project, run npm install
.
Development
The primary styling of this project is written in Sass. At development, to automatically watch changes in Scss files and compile into CSS files, run
npm run watch:scss
To manually compile Scss files into CSS files, run
npm run build:scss
Testing
To quickly see the interface in action, load index.html
from this directory in your browser from a local static HTTP server.
This index sources live data from the GitHub covid-assessment-centres repository.
This repository is a demonstration of Project WeCount's pluralistic data infrastructure, whose implementation and description can be seen at forgiving-data. This infrastructure allows data to be aggregated and merged from a variety of sources whilst tracking provenance. In order to test the provenance display of this interface (at the time of writing), you can scroll to "North York" in the list of cities in the left panel, and then select from the first couple of hospitals shown - the first hospital in the list, "North York General Hospital - Branson" should show up with stale (2020 provenance in the bottom right display pane, and others should show up with synthetic provenance.
Building
To produce a rolled-up build suitable for deployment run
npm run build
To produce a build omitting the Infusion library, run
npm run build:noInfusion
The resulting build artefacts will be generated in directory build
, together with a self-test for the build in
build/index.html
.
Regenerating SVG icon build
To produce a fresh HTML build from a collection of SVG icon files held in src/img
, indexed by the file svgmap.json
, run
node buildSVG.js
This will produce output in buildSVG/svgIcons.html
which is automatically pasted into index.html
and the
bundled template in src/html/template.html
.
Lint
The project files may be linted by running npm run lint
.
Design
Live designs for this work may be seen in Figma.