100%

Realize a Sketch from US police shootings

✓ Published1🌍 Public

Last edited Oct 15, 2020

Created on Sep 23, 2020

This bar chart visualization, built with the vega-lite-api on top of vega and vega-lite, displays the total number of US police shootings grouped by age and race from a Kaggle dataset. The visualization reveals that carrying guns is the most prevalent reason for shootings across all age groups. The chart aggregates the data using a transform that groups by age and race, counting occurrences. It uses a dark-themed config for improved readability, with the chart dimensions fitting the browser window via an autosize setting.

AI-generated description

Armed equipments along with Age

This bar chart visualization shows the total number of shooting distribution along with different age.<br/> From this chart we could draw a conclusion that no matter how old people are, the most possible reason that got shoot is because they carried guns. This make sense because guns are really threat polices life and they possibly defend if they found you carried guns

A visualization constructed using the vega-lite-api.

The data shown here comes from the kaggle, via US Police Shootings.

MIT Licensed

Similar vizzes

Loading thumbnail…

US Police Shootings Visialization

A bar chart visualizes the frequency of US police shootings, grouped by the type of arms involved and colored by the victim's race, with tooltips showing exact counts. The visualization is built using the vega-lite-api to define the bar marks and encodings, while d3.csv loads the shootings dataset from a gist repository. Vega and Vega-Lite render the chart, with vega-tooltip providing interactive details, and a custom config adjusts font sizes and axis styles for readability. The chart fills the entire browser window, using the dataset's categorical and quantitative fields directly.

Llintonylin

88% match

Loading thumbnail…

USA police shootings

A stacked bar chart displays the total number of police shootings per state, with each bar segmented by race to show demographic distribution. The visualization uses the vega-lite-api, building a bar mark with grouped aggregation via `vl.groupby` on state and race, and encodes counts as the y-axis. Data is loaded as CSV from a Kaggle-hosted gist using `d3.csv`. The chart is rendered with Vega-Lite, styled with custom axis and label configuration, and includes tooltips for count and race details.

ZZG

87% match

Loading thumbnail…

US Police Shootings variation by month and race Visialization

This visualization displays U.S. police shootings by month and victim race using a bar chart, revealing that shooting totals remain consistently high over time with white victims comprising the largest share. It aggregates CSV data from a public dataset, transforming dates into monthly periods and grouping counts by race. The chart is built with the Vega-Lite API, which wraps Vega and Vega-Lite, and automatically renders and exports to SVG. Custom axis styling and tooltips enhance readability.

Llintonylin

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

81% match

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

80% 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)

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

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

77% match