HW9

100%

✓ Published0🌍 Public

Last edited Apr 8, 2018

Created on Apr 8, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

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

84% 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…

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

75% match

Loading thumbnail…

Line Chart in D3

This line chart displays the number of police shootings in the United States per year from 2015 to mid-2020. The x-axis shows years as discrete values using `d3.scaleBand`, while the y-axis uses `d3.scaleLinear` with a range of 400 to 1200 incidents. The data is loaded from a remote CSV file via `d3.csv`, parsed with `d3.timeParse`, and aggregated by year using `d3.rollups`. The line is drawn with `d3.line`, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with SVG output.

RRiya Mathur

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

73% match

Loading thumbnail…

Scatterplot of Intentional Homicides

This scatterplot visualizes intentional homicide counts for various countries over time, with each circle’s vertical position representing the number of homicides and the horizontal position denoting the year. Built with d3.v6, the code uses `d3.csv` to load data from a GitHub Gist, `scaleLinear` and `extent` to map values, and `axisLeft` alongside `axisBottom` to render the axes. The SVG circles are placed using `attr` for the `cx` and `cy` coordinates, drawing directly from the UN Intentional Homicide dataset.

LLilly-beth Linnell

72% match

Loading thumbnail…

Iteration of Scatterplot of Intentional Homicides

This scatterplot visualizes UN intentional homicide data, plotting each country’s yearly homicide count as a dot. The chart uses d3.scaleLinear for both the year and homicide-value axes, with circles colored by country. It attempts to label every point with its country name using SVG text elements, though the labels overlap. The code loads data via d3.csv, renders SVG circles and text, and includes axis labels for year and homicide count. All plotting is performed with D3 v6’s selection, scale, and axis APIs.

LLilly-beth Linnell

72% match