Dashboards are a powerful tool which allows us to explore and analyze data from several viewpoints at once through a singular interface/layout. This presents the possibility to highlight relationships and trends that are not the most clear on the surface.
Of the many tools and features a dashboard can offer, the most prominent are customizability and interactiveness. Providing the ability for users to intuitively explore data on their own allows the possibility of limitless insights.
With this in mind, I have created a simple dashboard with bacteria samples data, to create a fun and interactive layout in which many insights can be derived from.
Resources & Components
-
Plotly.js The plotly library allows for powerful and interactive visualizations to be built through JavaScript code, without needed to download any extra components or files.
-
Bootstrap & Additional CSS Bootstrap’s grid system is utilized to create and design a crisp page layout.
-
JavaScript The heart of this project is the script which is designed to parse the bacteria data which is in json format.
![img]
The data is then passed through several functions to transform it into the appropriate formats for each chart. The script then inserts the visualizations into the web page.
Deployment
The dashboard provides a dropdown menu of volunteer id numbers. When selected the table and charts will update with corresponding data of samples collected from the volunteer.
Further Development
Thank you for reading and exploring the data!