Skip to main content
SimilarExport ZIP
100%

Fatal Police Shootings Data Summary

✓ Published1🌍 Public
MMartin Blatz
Last edited Oct 8, 2020
Created on Sep 11, 2020

This D3.js example summarizes a Washington Post dataset on fatal police shootings from 2015 to 2020, showing file size, row count, and column count via a large `pre` element. It uses the `d3.csv` function to fetch and parse the CSV, then `d3.csvFormat` to measure the raw text length, displaying three key statistics. The code also includes commented alternatives using `fetch` with async/await and a nested Promise chain.

AI-generated description

A program that loads and parses some CSV fatal police shooting data collected by the Washington Post on fatal police shootings in the US from 2015-present (Sept 9, 2020). The original data is updated in near real time and so may differ slightly from the data contained in this gist.

Additional information can be found at the study web page

Possible tasks and questions to explore:

  • Do fatal police shootings occur more often in certain parts of the country?
  • What is the demographic breakdown of fatal police shootings in the US, and how does it compare to the demographics of the entire US population?
  • Are fatal police shootings becoming more or less common?

Columns of particular interest: Categorical:

  • armed
  • gender
  • race
  • location (city and state, latitude/longitude)
  • flee
  • age (used as categorical groups)

ordinal:

  • date
MIT Licensed

Similar vizzes

Loading thumbnail…

Loading Data with React and D3

This example demonstrates how to load and parse a CSV dataset of fatal police shootings in the US using D3 and React, displaying the data’s size, row count, and column count as text. The visualization shows a simple loading state until the data arrives, then presents the parsed summary. It uses `d3.csv` to fetch the dataset from a URL and React’s `useState` and `useEffect` hooks to manage the asynchronous data fetching and re-rendering. The data originates from the Washington Post’s police shootings database.

MMartin Blatz
83% match
Loading thumbnail…

Loading and Parsing CSV Data on "US Police Shootings"

This example displays summary statistics for a CSV dataset of US police shootings, showing the file size in kilobytes, row count, and column count in large text. It loads the data using `d3.csv` from d3.v5, then reports `data.length` and `data.columns.length` after parsing. The code also includes commented-out alternatives using `fetch` with `async`/`await` and `d3.csvParse`, highlighting different parsing approaches. The data comes from a gist hosted on GitHub.

Llintonylin
82% match
Loading thumbnail…

Loading Data with React and D3: Organized

This example demonstrates a React and D3.js application that loads and summarizes a CSV dataset of fatal police shootings in the US from 2015 to 2020, sourced from the Washington Post. The interface displays a text summary showing the data size in kilobytes, row count, and column count. The application uses React’s `useState` and `useEffect` hooks to manage the data-loading lifecycle, and D3’s `csv` function to fetch and parse the remote data. The code is organized into separate JavaScript files, with the `message` function formatting the output, and renders results using ReactDOM.

CCyc-Evelyn
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
80% 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
80% match
Loading thumbnail…

Fatal Police Shooting Data with Menus

This interactive scatterplot visualizes fatal police shootings from the Washington Post database, plotting Rank against itself with data points colored by flee status. Users filter the dataset through dropdown menus to examine different flee categories. The React application uses D3 v5 scales for axes and renders SVG circles via axis and mark components. Data loads through D3’s csv parser from a GitHub gist.

MMartin Blatz
80% 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
78% match
Loading thumbnail…

Dataset 1 U.S police shooting dataset

This example summarizes a U.S. police shooting dataset by displaying its file size, row count, and column count in a large text block. It fetches a remote CSV file and parses it with `d3.csvParse` after retrieving the raw text via the Fetch API. The visualization uses D3 v5 and reports basic dataset dimensions without any charts or graphics. Data comes from a GitHub gist containing the police shooting records.

ZZG
78% match