Fatal Police Shootings Mapped Across the U.S.
This example maps fatal police shootings across the United States as semi-transparent blue circles over a geographic outline of state boundaries. The visualization uses a d3.geoAlbers projection with d3.geoPath to render the map, while each incident’s coordinates are projected and drawn as SVG circles with opacity to reveal density clusters near population centers. Data comes from the Washington Post’s Fatal Police Shootings Database, parsed via d3.csv, and the map geometry is loaded from the us-atlas TopoJSON file using topojson.feature. The React-based component structure separates map rendering and data loading hooks.
AI-generated descriptionA program that loads and parses some CSV data from the Fatal Police Shootings Database compiled by the Washington Post
I used the U.S. Geo Map of State Boundaries for the underlying map. I'm not quite sure how to improve the zoom, other than to cut out the areas in the corners of the map to refocus the extent() function.
Adapted from Mass School District Boundaries from the DataVis class.
The intent is to map each event to it's location within the U.S. with a semitransparent circle to show darker regions as the areas with higher event density. There are clearly areas with more events, though at a glance they appear to be in population centers.
To do:
- Improve zoom level for better visibility
- aggregate data per state
- develop a module to build a pie chart
- develop a module to plot pie charts in the center of each state
- use the path.centroid() function to plot aggregated data