HW9Json

100%

✓ Published0🌍 Public

Last edited Apr 9, 2018

Created on Apr 8, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

89% match

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

87% match

Loading thumbnail…

hw9_1

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.

HHussamHallak

81% match

Loading thumbnail…

Making Sense of the Senseless

This visualization, titled “Making Sense of the Senseless,” displays U.S. mass shooting incidents as a bar chart of total victims per year, with bar colors encoding the shooter’s age. It uses the vega-lite-api to construct the chart, with d3.csv loading the dataset from a GitHub gist. The chart is rendered as an SVG via vega and vega-lite, with custom configuration for axis styles and tooltips enabled through vega-tooltip. The visualization emphasizes readability with a dark color scheme and large fonts.

Hhagerka

73% match

Loading thumbnail…

Shooting Data Working Copy

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.

MMartin Blatz

73% match

Loading thumbnail…

Mass Shootings

This interactive map visualizes over 1,000 US mass shooting events from January 2013 to early December 2015, grouped by week. Scaled circles represent dead or injured counts, with red indicating fatalities and orange injuries; clicking reveals event metadata and media links. A draggable, resizable brush on the weekly bar chart filters the map, while an animation control cycles through weeks. Built with D3.js, Crossfilter.js, and Mapbox GL, it loads GeoJSON data from ShootingTracker.com and renders SVG with animated transitions.

OOrhanYaz

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

71% match

Loading thumbnail…

Bar chart with D3.js

A bar chart displays total victims of mass shootings across ten US states, with California, Texas, and Florida leading. Hovering over a bar highlights it, dims value labels, and draws a dashed threshold line showing the divergence of other states from the selected one. The visualization uses D3 v5 with SVG rendering, scales such as `d3.scaleBand` and `d3.scaleLinear`, and axis generators for gridlines. Data comes from an embedded sample array, while CSS styles the container, bars, and text.

Ssenthilrajendran1

71% match