/breathe-easy

Interactive Map for Ecology Ottawa's Breathe Easy Project.

Primary LanguageCSS

Interactive Map for Ecology Ottawa's Breathe Easy Project.

Data

The data layers on the map are filtered based on the "Type" column in the *.csv file attached. The following values must be entered in the "Type" column:

  • "Total Average"
  • "Morning Average"
  • "Afternoon Average"
  • "Weekday Average"
  • "Weekend Average"

When uploading new data, the following columns also must be included:

  • "Site", with values "Site A" or "Site B"
  • "Location", with a neighbourhood name that represent the location of the site
  • "AQ_Map", with one of the following values: "Low Risk", "Moderate Risk", "High Risk", "Very High Risk"

Update Data

  • With the xlsx copy, add data as desired, just make sure to have the above columns and value for the map
  • Save the xlsx as a csv
  • Open the csv in a text editor (e.g., Notepad)and copy the csv text
  • Go to csv on GitHub and click the pencil to edit the csv
  • Paste the copied csv text
  • "Commit changes", and a description of what you added

Contribute

  • index.js: JavaScript file for the interactive map (which uses the Mapbox GL JS library) and the data download.
  • index.html: HTML file, which has the text for the #legend.
  • index.css: CSS file that modifies the style for the #legend and #map.

Author

Julia Conzon