How to use this interactive visual
The world map is the main interactive component displayed on the dashboard. Users can move around the map using select and drag. The scroll wheel on the mouse, or the + and - buttons on the map, can be used to zoom in and out of the map. Each red circle plotted on the map is the location of a traffic camera. Selecting a red circle will reveal information about the camera at that location including: name, location (street information), longitude, and latitude. This popup containing camera information can be closed by selecting the x in the popup. Additionally, selecting a red circle will display a line chart containing the traffic count data for the corresponding camera. The Source drop-down selector is used to move to a different city or province for which traffic count data is available. The Frequency drop-down selector allows the user to select the frequency of the time series (daily or weekly). The Year drop-down selector is used to change the year of the data that is loaded into and displayed in the dashboard. A Date Range selector is available that allows the user to restrict the range of dates shown in the graph. With a camera selected, the graphed line presents the sum of motor vehicles detected in all the images requested and shown to the model that day or week, depending on the frequency chosen by the user. The data used to generate the graph can be downloaded as a comma-separated values (CSV) file by selecting the Download graph data button. An image of the graph can additionally be downloaded by selecting the Download plot as a png tool (camera icon) that appears with the graph when a map marker is selected. The downloaded image is a Portable Network Graphics (PNG) file. The Produced with Plotly icon that also appears when a map marker is selected will open the Plotly website in a new browser tab. All cameras in a Census Subdivision (CSD) can be selected by, first, selecting the Census Subdivisions radio button in the map legend. This replaces the individual red circles with CSD polygons. A CSD can be selected via the marker placed at the centroid of a CSD polygon. Selecting a CSD marker will result in the display of a line chart containing the aggregated traffic count data for all cameras within the CSD boundary.
Keyboard access
All elements (e.g., buttons, drop-down selectors, the map, etc.) can be navigated to via the Tab key. Pressing the Shift+Tab keys can be used to return to the previous element. For the drop-down selectors and the Date Range selector, the Up and Down Arrow keys can be used to navigate the available options. One of the available options can be selected by pressing the Enter key. The Enter key can also be used to select any of the available buttons and links on the dashboard (including the + and - buttons used to zoom in and out of the map). Additionally, the + and - keys can be used to zoom in and out of the map, respectively. When the map legend is selected with the Tab key, only the Up and Down Arrow keys are needed to select a different layer (radio button) to display. The Tab key is also used to navigate through the camera and CSD markers in the map. As well, the Arrow keys can be used to pan across the map. When the Tab key is pressed to move to the next camera or CSD, the marker is automatically selected to display the information popup and the line graph of traffic count data. The information popup can be closed and opened by pressing the Shift key. As with all the other elements in the dashboard, pressing the Shift+Tab keys will move to the previous camera or CSD (element) in the sequence.
