Skip to main content
SimilarExport ZIP
100%

Fatal Police Shootings Category Selection

✓ Published1🌍 Public
MMartin Blatz
Last edited Oct 30, 2020
Created on Oct 28, 2020

This interactive map displays fatal police shootings across the United States, allowing users to color-code incidents by attributes such as race, gender, or flee status via a dropdown menu. The visualization uses d3.geoPath with a geoAlbersUsa projection to render state boundaries from TopoJSON data, while circles representing incidents are positioned using the same projection. A d3.scaleOrdinal color scale maps categorical values, with a React-based ColorLegend component showing the corresponding categories. Data comes from the Washington Post’s Fatal Police Shootings database, loaded and cleaned via d3.csv.

AI-generated description

A 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. In this iteration, I used the geoAlbersUsa projection to clean up and zoom in on the map. While other projection types appear to gracefully handle a lat/long input of 0, it returns null with this projection, which causes a fatal error when you reference the scaled pixel locations.

Adapted from Mass School District Boundaries from the DataVis class.

I've increased opacity compared to previous iterations of my work, and applied a color scale based on an attribute interactively selected by the user. This allows the user to explore any geographic trends in the data based on various attributes of each record. It is my intention to add a histogram to the bottom of the visualization to provide raw count data to provide additional insights.

What you can't see yet is that I've also improved the useData.js file to clean null data from fields I'll be using in future work. Blank data entries are now populated with "unknown" for the gender, race, flee, and armed fields. The age field is populated with a -1 for any blank entries. Finally, I switched the abbreviations for race with full words to be used in the legend.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fatal Police Shootings Category Selection

This interactive visualization displays fatal police shooting incidents across the United States, color-coded by user-selected attributes such as race, gender, or threat level. Built with React, D3 v5, and SVG rendering, it uses a choropleth-style map where each reported incident is represented by a semi-transparent circle. The code leverages `d3.nest()` to group counts by state and selected category, while a React Dropdown component updates the color scale via `scaleOrdinal()`. Data originates from a curated CSV dataset, and the map projection uses `geoNaturalEarth1()` with world-atlas TopoJSON boundaries.

ZZG
95% match
Loading thumbnail…

Fatal Police Shootings Working Copy

This interactive map visualizes fatal police shootings across the United States, using a geoAlbersUsa projection and d3.geoPath to render state boundaries. Users can select an attribute from a dropdown menu—such as race, gender, or threat level—to color-code incident locations, with a color legend that supports hover highlighting to isolate specific categories. A bar chart shows the count of events per selected category. Data comes from the Washington Post's CSV dataset, rendered as SVG circles, with d3.nest and scaleBand/scaleLinear for aggregation and the chart layout.

MMartin Blatz
95% match
Loading thumbnail…

Fatal Police Shootings Fully Interactive

This interactive map displays fatal police shootings across the United States, with each incident as a colored circle positioned using a geoAlbersUsa projection and d3.geoPath for state boundaries. Users select an attribute from a dropdown to colorize incidents by categories such as race, gender, or threat level, with an ordinal color scale and interactive legend that fades non-hovered points. The data comes from the Washington Post’s Fatal Police Shootings Database, cleaned and parsed via d3.csv in React, while hover states filter points dynamically.

MMartin Blatz
95% match
Loading thumbnail…

Fatal Police Shootings In the U.S. Since 2015

This visualization maps fatal police shootings in the U.S. since 2015, using a dropdown menu to colorize incidents by attributes such as race, gender, threat level, or mental illness. A GeoAlbersUsa projection renders state boundaries via d3.geoPath, while d3.scaleOrdinal assigns colors to data points. Hovering over the legend filters and highlights matching incidents, and a linked bar chart shows counts per category using d3.scaleBand and d3.scaleLinear. Data comes from the Washington Post’s Fatal Police Shootings database, parsed with d3.csv.

Ssayanighosal34
93% match
Loading thumbnail…

Fatal Police Shootings In the U.S. Since 2015

This interactive visualization maps fatal police shootings in the U.S. since 2015, using data from the Washington Post. Users can colorize the geospatial points by attributes like race, gender, or flee status via a dropdown menu. A bar chart in the corner displays counts per category, while hovering over the color legend highlights the geographic distribution of a specific value. The map uses `d3.geoAlbersUsa` and `d3.geoPath` for projection, with points rendered as SVG circles and interactivity managed through React state.

MMartin Blatz
92% match
Loading thumbnail…

Fork of Fatal Police Shootings In the U.S. Since 2015

A map of the United States displays fatal police shootings since 2015, with each incident plotted as a colored circle based on a selected attribute such as race, gender, or flee status. A bar chart in the corner shows the count of events per category, and an interactive legend highlights the geographic distribution of a specific value on hover. The visualization uses React with D3 v5, including `geoAlbersUsa`, `geoPath`, `scaleOrdinal`, and `scaleBand`, loading data from the Washington Post’s Fatal Police Shootings database and state boundaries from a TopoJSON atlas.

Ddr-rompecabezas
91% match
Loading thumbnail…

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.

MMartin Blatz
91% match
Loading thumbnail…

Fatal Police Shootings Mapped with Data Cleaned

This interactive map displays fatal police shootings across the United States, with red semi-transparent circles marking each event to reveal density clusters in population centers. The visualization uses the react framework with d3.geoAlbersUsa projection and d3.geoPath to render state boundaries from the us-atlas TopoJSON, while plotting incident coordinates from the Washington Post’s Fatal Police Shootings database. The code also cleans null data entries, converting blanks to “Unknown” for categorical fields and -1 for missing ages, and aggregates incident counts per state using d3.nest() for future analysis.

MMartin Blatz
90% match