Closed Laurensbooij closed 6 years ago
Sounds like an interesting project! If you need any advice on how to put the stations on a map, here's how I would do it: Find a static map image of amsterdam. Load it in a csv. Put a div in it on each of the spots of the stations (this could also be a nice svg drawing of a sensor for instance). Target each of the divs with d3 and render charts at their x,y which become visible on mouseover. That might be the simplest way of tackling that part of the challenge. Just an idea!
Okay, many thanks for the tip!
How do I load my map image into a csv file?
Air quality in Amsterdam
For assessment 3 I want to make a visualisation based on data about the air quality as measured hourly at twelve different locations across Amsterdam.
Data
I found the data via the recommended source: data.amsterdam.nl. The data can be downloaded in csv format at www.luchtmeetnet.nl. The data can only be downloaded one station at a time. There are twelve stations in Amsterdam, which means twelve data files. I already consulted Titus about this. His suggestion was to use
d3.queue()
merge the files together.The data is provided in the following format:
The data displayed above is that from 24 hours, or one day. The complete dataset I want to use contains hourly data from 7 days.
What do I want to make?
I want to create a map on which all the measuring stations are displayed. When the user hovers over a station on the map, a chart is displayed that shows the data about air pollution in that location.
Maybe I can add a function that filters stations in different parts of the city. Or I could make it so that users can select from which component the pollution levels are shown.