Skip to main content
SimilarExport ZIP
100%

Extremist Murders in the US

✓ Published0🌍 Public
CCarlos-Augusto
Last edited Mar 9, 2018
Created on Mar 9, 2018

This visualization compares extremist-related murders in the US over a decade, breaking down totals into right-wing extremism and white supremacist categories. It uses horizontal bars with labels and percentage annotations to show each group’s share of the overall count. The chart is built with D3 v4, using `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and appended SVG rectangles and text elements. Data comes from an Anti-Defamation League report, and the layout mirrors a hand-drawn design by Mona Chalabi.

AI-generated description

This bar chart was inspired by this original hand-drawn visualization by Mona Chalabi posted on Twitter (also on instagram). Data from Anti-Defamation League report "WITH HATE IN THEIR HEARTS: The State of White Supremacy in the United States".

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/5cb71249dcbfd635c794520aff45b89d'>Extremist Murders in the US</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Extremist Murders in the US

This bar chart visualizes extremist-related murders in the US from July 2005 through June 2015, comparing total incidents with those tied to right-wing extremism and white supremacists. Each bar displays its value and percentage of the total, drawn as an SVG using d3.v4’s `scaleLinear`, `scaleBand`, and selection methods. The data comes from an Anti-Defamation League report, and the design replicates a hand-drawn chart by Mona Chalabi, with custom labels and a dark red color scheme.

CCurran Kelleher
95% 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
71% match
Loading thumbnail…

Murder in United States

This visualization shows a time-series line chart tracking the number of murders in the United States over time, using a dark-themed interface with large, readable labels. The chart maps years on the x-axis and the murder count on the y-axis, with tooltips displaying the year for each data point. Built with Vega-Lite and the Vega-Lite API, it loads data from a CSV file via D3’s `csv` function, renders the line using `markLine`, and customizes axis appearance through a configuration object. The code registers Vega-Lite with a tooltip handler, and the visualization resizes to fit the window dimensions.

RReinaFeng
70% 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
70% 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
70% match
Loading thumbnail…

A6 Diverging Color Bar Chart

This diverging bar chart visualizes changes in violent crime rates across U.S. states between 2000 and 2019, using a red-blue color scale to distinguish increases from decreases. The chart shows both positive and negative changes diverging from a central zero axis, with state labels positioned on the appropriate side of each bar. Built with D3 v7, it uses `d3.scaleDiverging` and `d3.scaleThreshold` for color mapping, while `d3.legendColor` renders the threshold legend. Data comes from the CORGIS dataset, and hovering reveals precise values. The visualization employs an SVG container with a centered y-axis and responsive sizing based on window dimensions.

NNoah C.
70% 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
69% 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
69% match