# City Scanner DataVis Platform ## Map On the map you can view the air quality data in a spacial manner. The select points button allows you to sub-select a region of the map by drawing a box in order to adjust the timeline graphs and clock graphs for this smaller region. Hitting cancel removes this sub-selection. ![Selecting Points](select.png) ### Reference Monitors Reference monitor icons appear on the map. Clicking on the reference monitor icon on the map shows the about info for that monitor and if the data is available from it, one can toggle the timeline overlay on/off with the eye icon. ![The Reference Monitor on the Map](monitor.png) The timeline by default shows thin colored lines representing the collected data from these stationary reference monitors. ![The Reference Monitor Data](monitor-graph.png) ## Modules All modules can be minimized with the small gray circle button in the top left-hand corner of the module. Simply click the icon on the right side of the screen to un-minimize the module. All modules can also be resized and dragged around. ## Hotspot Graph The hotspot graph shows the number of hotspots on any given day. Hotspots are identified by being an unusually high clustering of high pm2.5 values. The threshold chosen for this graph, is pm2.5 values greater than 40 μg/m³. You can change the timescale from weeks, to months, to years from the buttons at the top. You can also switch which week, month, year, is in view through the arrows on the bottom of the graph. ![The Hotspot Graph](hotspot.png) ## Timeline Graphs The timeline graph allows you to view any of the measures collected by the monitors over time. There are several variables that can be toggled to show hide such as PM10, PM2.5, Temperature, and Humidity. To zoom in on a region of time, users can drag their mouse creating a highlighted region of time. ![Timeline Highlighting Functionality](highlight.png) The reset zoom button resets the timescale of the timeline to include all data points. There are also static event overlays represented by dots at the top of the timeline graphs. These are notable events such as complaints about air quality or a train schedule for example. Hovering over a dot will drop a line across the other timelines to allow comparison of how this event could have contributed to the other graphs. ![Static Event Timeline Overlays](overlay.png) There are also reference monitor line graphs on the timeline graphs. See the reference monitor section for more about the reference monitor graphs. ## Clock Graph The clock graph allows you to view the selected variable from the datasource setting (by default pm2.5) aggregated across different timescales. The timezone will be local to where the data was collected. ![Clock Graph](clock.png) The clock graph can be used to identify weekly, monthly, or yearly trends across time. The buttons along the top of the clock graph allow you to switch the timescale from hourly (hour by hour break downs), weekly (days of the week break down), daily (days of the month break down), and monthly (months of the year break down). You can also toggle between am/pm on the hourly mode. ## Settings The main functionality of the settings menu is to change and configure the visibility of different elements available to you and different map viewing modes. Simply click the eye icon to show/hide different elements. ### Map Views The different map views available include points, areas, and hotspots. Areas is the default, showing average colored street segments. Points shows the individual data points collected from the monitors. Hotspots is a custom algorithm identifying high pm values and finding central locations. ### Datasource From the settings menu, you can also configure the datasource of the map and various modules. You can change the main datasource of the map and clock module from PM2.5 to PM10 to Temperature through the dropdown on the settings menu. ![Switching Datasources](datasource.png)