Please note, there is a password to view the visualization. The password is "Rosen" You may disable the password in script.js.
The following is an overview of our final submission.
Here is a link to our website: https://dataviscourse2023.github.io/final-project-slcfiv/
Here is a link to our screencast: https://www.youtube.com/watch?v=vjCMOghALrs
./ - Top directory.
./README.md - This readme file.
./index.html - The HTML file we created
./SLCFIV Project Proposal.pdf - Our original project proposal
./Process Book.pdf - Our final process book
|css/ - All the stylesheets used in our project that work offline. All stylesheets used are in index.html
|--- datatables.css - The stylesheet required for using the [DataTables](https://datatables.net/) library
|--- leaflet.css - The stylesheet required for using the [Leaflet](https://leafletjs.com/) library
|--- skeleton.css - The stylesheet used for stylizing our HTML elements obtained from [Dave Gamache](https://github.com/dhg/Skeleton)
|--- style.css/ - All of the CSS styling we added ourselves
|data/ - The data we use within the project, already processed
|--- data_with_towns_and_coords.json - The data we processed with town and coordinates added. This is the final one used.
|--- data_with_towns.json - The data we processed with towns added
|data_processing/ - Contains the raw data and scripts we used to process them
|--- 2019-Present.csv - The original data we received from Salt Lake County Health Department
|--- data-cleaning.ipynb - The Jupyter notebook where we did all data cleaning except adding towns and coordinates
|--- getcoords.py - Our first attempt at getting establishment coordinate data
|--- raw-data.csv - A pre-processing version of 2019-Present.csv
|js/ - All of the JavaScript implementation and JavaScript libraries we used (that can run offline)
|--- d3.v7.js - A copy of the (D3)[https://d3js.org/] version 7 library
|--- Inspection.js - Definition of the 'Inspection' class
|--- jquery-3.7.0.js - A copy of the (JQuery)[https://jquery.com/] 3.7.0 library
|--- jquery.dataTables.min.js - A copy of the [DataTables](https://datatables.net/) library
|--- leaflet.js - A copy of the [Leaflet](https://leafletjs.com/) library
|--- menu.js - Implementation of our menu's logic, and our calls to DataTables library
|--- process_data.js - A run once script processing the data_with_towns_and_coords.json file to prepare for visualization
|--- Restaurant.js - Definition of the 'Restaurant' class
|--- script.js - Primary script for connecting all the libraries and other scripts we wrote
|--- updateCharts.js - Implementation for all our visualizations, the line chart, bar chart, and bubble chart
|--- Violation.js - Definition of the 'Violation' class
Our project uses the following libraries and tools: These are used for the visualization:
These were used for data processing: