This project is a rewrite of an old assignment for the InfoVis course held by Maurizio Patrignani at Roma Tre University. It's original version is visible here, with a list of the changes.
This is the frontend component. It reads data from the backendend java application.
This is a tool to visualize data about car accidents reported in the Rome city territory between 2012 and 2015. The original data was obtained from the Rome municipality open data website in CSV format, then converted to RDF with Google Refine and manipulated in different ways to learn about semantic web technologies (which included generating an ontology to describe road accidents and using SPARQL to query the data). Finally it was cleaned and persisted on a MongoDB collection to be used by this web app.
- Have an instance of the backend app running.
- Deploy the contents of this project on a webserver
- Connect to the webserver index.html. That's it.
The app can also run in a docker container:
docker run -it --rm -p 80:80 -v"$(pwd)":/usr/share/nginx/html nginx:alpine
This page shows some statistics about the dataset, like total number of accidents and vehicles.
In this page there is a calendar chart for each year, coloured with a white-green-yellow-red scale based on daily accidents count.
At the bottom of this page there is a simple line graph showing the number of accidents over the complete time period.
This page shows a bar chart that groups accidents by a parameter selected from a dropdown menu.
Clicking on a bar opens a second chart that lets the user search on another parameter while highlighting the selected one. Example:
- User selects from the dropdown "Accidents by road name"
- The accidents counts are shown, and user selects the highest bar
- The second chart opens, and the user selects "Accidents by type"
- The second chart shows the accidents count, grouped by type, highlighting in red the percentage of accidents happened in the most reported road.
The second chart can be normalized by clicking on the corresponding option. This will normalize the chart bars to full height.
[work in progress]
[work in progress]
If you think there is a bug, or something is missing or wrong with the documentation/support files, feel free to open an issue.
This software is released under the LGPL V3 license. A copy is included in the LICENSE file