Fatal Police Shootings by Race and Flee Status: stacked bar

100%

Fatal Police Shootings by Race and Flee Status: stacked bar

✓ Published1🌍 Public

Last edited Sep 24, 2020

Created on Sep 17, 2020

This stacked bar chart displays the count of fatal police shootings, categorized by race on the x-axis and color-coded by the victim’s flee status. Data comes from the Washington Post’s Fatal Police Shootings Database, loaded via `d3.csv`. The chart is rendered using the Vega-Lite API (`vl.markBar` with `vl.x()`, `vl.y().count()`, and `vl.color()`) in D3 v5, with a custom config for axis styling and tooltips enabled through the vega-tooltip handler.

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 Shootings stacked Bar

This stacked bar chart visualizes fatal police shootings by race, with each bar segmented by the victim's fleeing behavior. The chart uses Vega-Lite's API to encode race on the x-axis, count on the y-axis, and flee status as color. The data is loaded via D3's `csv` function from a GitHub Gist, and the visualization is rendered using the `vega-lite-api` with React and a custom tooltip handler.

Mmandadi1999

93% match

Loading thumbnail…

Fatal Police Shootings Bar Menu

This stacked bar chart displays the count of fatal police shootings, with each bar representing a racial category along the x-axis and color-coded segments indicating the victim's "flee" status. Built with React and the Vega-Lite API, it loads CSV data from the Washington Post's Fatal Police Shootings Database via `d3.csv`, aggregates counts with `.count()` aggregation, and renders with custom tooltips. The visualization uses Vega-Lite's mark configuration, D3's CSV parser, and the vega-tooltip handler for interactive exploration.

MMartin Blatz

91% match

Loading thumbnail…

Fatal Police Shootings Bar Menu

This visualization presents a stacked bar chart of fatal police shootings in the United States, with the X axis showing the victim's race and the bars color-coded by the victim's "flee" status at the time of the incident. The chart uses a count aggregation to display the total number of fatalities per race, with each segment representing a different flight behavior. Built with React and the Vega-Lite API, it loads data from the Washington Post's Fatal Police Shootings database via d3.csv, while the chart is rendered using vega and vega-tooltip for interactive details. The appearance is customized through a Vega-Lite config that adjusts font sizes and axis colors for readability.

Nneetusingla12(Neetu Singla)

90% match

Loading thumbnail…

Fatal Police Shootings Bar Menu

This interactive visualization presents fatal police shooting counts from the Washington Post database, using a stacked bar chart where each bar represents a racial category and each segment is color-coded by the victim’s flee status. Built with React, it leverages the vega-lite API (vl) to define the bar mark and encodings, while D3’s csv loader fetches the remote dataset. The chart renders as a full-window SVG via Vega, with tooltip support handled by vega-tooltip.

Nneetusingla12(Neetu Singla)

89% match

Loading thumbnail…

Fatal Police Shootings Grouped Bar Chart

This grouped bar chart visualizes fatal police shootings from the Washington Post database, counting victims by age range along the x-axis and race as color-coded grouped bars. The visualization reveals that Black non-Hispanic and Hispanic individuals account for disproportionately more shooting victims under age 40 compared to U.S. Census demographics. Built with d3.v5 and Vega-Lite, the code loads CSV data via `d3.csv` and renders the chart using `vl.markBar()` with column and x field encodings for binning, y-axis count aggregation, and tooltip interactions. The interface uses Vega-Lite API methods like `vl.column().fieldN()` and `vl.color().fieldN()` to construct the visual encoding programmatically.

MMartin Blatz

88% 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

83% 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

83% 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

81% match