A D3.js application to visualize Gun Death victims data from Slate Magazine
Here are a few points about how to navigate about this visualization
- Upon loading, the first visual will be a chloropleth showing the deaths per state. Darker implies greater.
- Click on state to zoom in onto a state and get details. This will also show a grid with details about each person.
- Double click on state to zoom out.
- You can hover over any element to even more details.
- The bubbles on the map are colored blue and red to show male and female deaths(respectively) normalized by the population in that city/town/county.
- On the grid, the reds show female deaths and the blues show male deaths. The greys depicts unknown gender. The darkness of the colors are based on the age groups(Child/Adoloscent/Adult) of the victim. Darker colors correspond to higher age group.
This visualization was a project for CS 594 Visual Data Science, made using HTML, CSS, JQuery and D3.js and data from Slate Magazine. I claim no ownership or credits for the libraries used in this project and convey my sincere gratitude to the developers, original content creators, and the data aggregators.
- Project: D3.js
License: BSD - Project: Topojson
- Mike Bostock's bl.ocks
- Project: jQuery
License: MIT and jQuery License - Project: Bootstrap
License: MIT and docs released under Creative Commons - Data from Slate Magazine