Skip to main content
SimilarExport ZIP
100%

Shooting Data Working Copy

✓ Published0🌍 Public
MMartin Blatz
Last edited Oct 13, 2020
Created on Oct 12, 2020

This interactive scatterplot visualizes fatal police shootings in the United States, plotting individual incidents by rank along both axes while allowing users to filter by flee status through a dropdown menu. The visualization loads CSV data from the Washington Post’s Fatal Police Shootings Database, using React hooks for state management and dropdown interactions. D3’s scaleBand and scaleLinear map the racial categories and data points, while custom React components render SVG axes and circles with tooltips, all styled with the Poppins font.

AI-generated description

A program that loads and parses some CSV data from the Fatal Police Shootings Database compiled by the Washington Post

The visualization shows the count of fatal police shootings represented in a stacked bar chart, categorized by race along the X axis and color coded based on the "flee" status of the victim.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fatal Police Shooting Data with Menus

This interactive scatterplot visualizes fatal police shootings from the Washington Post database, plotting Rank against itself with data points colored by flee status. Users filter the dataset through dropdown menus to examine different flee categories. The React application uses D3 v5 scales for axes and renders SVG circles via axis and mark components. Data loads through D3’s csv parser from a GitHub gist.

MMartin Blatz
92% match
Loading thumbnail…

Fatal Police Shootings Charting

An interactive React dashboard charts fatal police shootings in the United States, using a dropdown menu to dynamically regroup counts by attributes like race, gender, or armed status. The bar chart updates through d3.nest() aggregation, with scales from d3.scaleBand and d3.scaleLinear rendering SVG rects. Data comes from the Washington Post’s Fatal Police Shootings Database, parsed via d3.csv. Tooltips display exact counts on hover.

MMartin Blatz
91% match
Loading thumbnail…

Fatal Police Shootings Chart Working Copy

This interactive bar chart visualizes fatal police shootings in the United States, allowing users to explore how incidents distribute across categories such as race, gender, and armed status. The chart dynamically aggregates counts from the Washington Post dataset using d3.nest() and presents results through React components with SVG rendering. Users select a variable from a dropdown menu, triggering the x-axis to update via React's state management. The implementation uses d3.scaleBand and d3.scaleLinear for axes, with native SVG `<title>` tooltips embedded in each bar.

MMartin Blatz
90% 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
88% match
Loading thumbnail…

Fatal Police Shootings Pie Chart Working Copy

This interactive visualization explores fatal police shootings in the U.S. using a dynamic bar chart that groups and counts incidents by selected attributes like race, gender, or flee status. Users select a variable from a dropdown menu, and the chart updates to show the distribution of events across categories. The application loads CSV data from the Washington Post database and uses React with D3 v5 APIs including d3.nest, d3.scaleOrdinal, d3.scaleLinear, and d3.pie to aggregate and prepare the data. The included Pie Chart working copy renders SVG elements but does not yet display the pie chart visualization.

MMartin Blatz
88% 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
87% match
Loading thumbnail…

Fatal Police Shootings Working Copy

This interactive visualization maps fatal police shootings across the United States, using semitransparent red circles to reveal clusters of incidents and highlight regions with higher event density. The application loads CSV data from the Washington Post’s Fatal Police Shootings database and renders it atop state boundaries from a TopoJSON atlas. Built with React and D3 v5, it uses d3.geoAlbersUsa for projection and d3.geoPath to draw the geographic features, encoding each shooting as a small circle positioned by its longitude and latitude.

AAbdul Salam Almadani
87% match
Loading thumbnail…

Fatal Police Shootings Category Selection

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.

MMartin Blatz
85% match