hw9_1

100%

✓ Published0🌍 Public

Last edited Apr 16, 2018

Created on Apr 16, 2018

This visualization shows how police shootings of unarmed subjects changed from 2010 to 2016 across the 50 largest US police departments, using a line chart with interactive hover. The line tracks the total number of shootings per year, while the tooltip displays the racial breakdown for each year (Latino, Black, White, Asian, Other, Unknown percentages). The chart uses D3 v4 with SVG rendering and includes axis labels, a hover interaction that reveals exact values, and a legend describing the race abbreviations. Data was collected by VICE News over a nine-month period.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

hw9final

This line chart tracks the total number of shootings per year from 2010 to 2016, using a single purple trend line with hover interactions that reveal the percentage breakdown by race (Latino, Black, White, Asian, Other, Unknown) for each year. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to construct the chart, while a `d3.bisector` enables precise date-based lookup during mouse movement. An overlay rectangle captures mouse events, updating a focus circle and dashed hover-lines to display the demographic percentages in a text label. The data comes from a local JSON file (data.json), and the chart is built with Blockbuilder.org, using a clean light background and minimal axis styling.

HHussamHallak

88% match

Loading thumbnail…

HW9

This example visualizes the total number of fatal and nonfatal shootings involving unarmed individuals from 2010 to 2016, using a line chart with overlaid scatterplot points. The line connects yearly totals, while circles mark each data point, with the y-axis representing the total count and the x-axis showing time. The visualization uses D3 v4, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file (`fatal_unarmed.csv`) via `d3.csv`, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`. The chart includes labeled axes for year and total shootings, with a steelblue styled line and points.

HHussamHallak

81% match

Loading thumbnail…

HW9Json

This visualization displays the total number of shootings per year from 2010 to 2016, highlighting the overall trend alongside the proportion of fatal incidents. The chart uses a line graph with D3 v4, employing SVG rendering and a time-scaled x-axis. Hovering over the line triggers a tooltip that reveals the exact total and fatal percentage for each year, facilitated by D3’s bisector and mouse event handlers. The data originates from a JSON file, with axes labeled to clarify the year and total shooting counts.

HHussamHallak

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

79% match

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

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

79% match

Loading thumbnail…

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

This interactive visualization maps fatal police shootings in the U.S. since 2015, overlaid on state boundaries projected with `d3.geoAlbersUsa` and rendered as SVG paths. Users can colorize the points by attributes like race, gender, or threat level via a React dropdown, and hover over the ordinal color legend to fade unrelated points. A bar chart using `d3.scaleBand` and `d3.scaleLinear` shows event counts per selected category. Data comes from the Washington Post’s CSV, parsed with `d3.csv`, while state geometries load via `d3.json` and `topojson.feature`.

CChris Fritz

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

78% match