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].
After checking out this project, run npm install.
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
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 GitHub from the 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.
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.
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.
The project files may be linted by running npm run lint.
Live designs for this work may be seen in Figma.