Official Phase 1 freeboard dashboard can be found here: https://freeboard.io/board/PhF6lU
The maps represent the location of the entire array, as well as examples of a few individual sensor locations. These maps are not clickable, and will be combined into a single clickable map in Phase 2. The maps are meant to be viewed as examples.
The graph tools allow you to visualize specific sensors for any valid date range. By default, the filters will be set to show "ALL" sensors.
The dropdown selectors allow you to specify individual sensors and/or directions (in/out) for visualization.
The Date Range tool allows the user to select specific dates, as well as API query times, in order to produce a meaningful graph.
The Custom line graph uses the D3.js framework, which allows us the flexibility to further customize this graph for all VIMOC projects. Bug Labs built this line graph from scratch, instead of using a charting library, so that it can be customized to specific user requirements.
Bug Labs added subtle tool tips and user actions to get the most out of the new line widget.
By default, all sensors are chosen for the selected date range. The user can double click on any sensor button on the top of the chart to turn all other lines off, except the double-clicked line.
The user can then single click the same button to turn them all back on. Separately, the user can select any other sensor, to compare two or more sensors to each other.
Within the custom VIMOC Line graph is a legend to show details for all visualized sensors. Upon hover, the legend will identify all visualized lines, by color, present the time stamp, as well as the individual sensor details.
Further, when the user hovers over a specific point on any line, the legend will highlight that individual sensor within the legend.
Below are the individaul elements used for this Phase 1 deliverable:
Place holder for now, this widget shows the UCLA sensor location.
Custom Data/Time chooser allows the user to select the date and specific time to view historical data.
This dropdown selector is also a placeholder, and allows the user to choose all data, or specific sensor data.
Custom line chart that allows re-use for all future VIMOC projects. Bug Labs will further customize per end user specifications.
The VIMOC datasource connects to the VIMOC API to return requested historical data.
