Skip to main content
SimilarExport ZIP
100%

Making Sense of the Senseless

✓ Published1🌍 Public
Hhagerka
Last edited May 27, 2022
Created on May 27, 2022

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.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

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…

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

Realize a Sketch from US police shootings

This bar chart visualization, built with the vega-lite-api on top of vega and vega-lite, displays the total number of US police shootings grouped by age and race from a Kaggle dataset. The visualization reveals that carrying guns is the most prevalent reason for shootings across all age groups. The chart aggregates the data using a transform that groups by age and race, counting occurrences. It uses a dark-themed config for improved readability, with the chart dimensions fitting the browser window via an autosize setting.

ZZG
76% 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
75% match
Loading thumbnail…

Fatal Police Shootings Grouped Bar Chart

This grouped bar chart visualizes fatal police shootings from the Washington Post database, counting victims by age range along the x-axis and race as color-coded grouped bars. The visualization reveals that Black non-Hispanic and Hispanic individuals account for disproportionately more shooting victims under age 40 compared to U.S. Census demographics. Built with d3.v5 and Vega-Lite, the code loads CSV data via `d3.csv` and renders the chart using `vl.markBar()` with column and x field encodings for binning, y-axis count aggregation, and tooltip interactions. The interface uses Vega-Lite API methods like `vl.column().fieldN()` and `vl.color().fieldN()` to construct the visual encoding programmatically.

MMartin Blatz
74% match
Loading thumbnail…

3D Bar Chart

This example displays a 3D bar chart using Three.js to visualize mass shooting data from a CSV file. It shows the total fatalities and injured victims for each state as red and green bars that are positioned along a three-dimensional grid. The chart builds its scene using Three.js primitives like `THREE.BoxGeometry` and `THREE.MeshBasicMaterial`, while D3.js handles CSV loading and scaling via `d3.csv`, `d3.scaleBand`, and `d3.scaleLinear`. The scene renders with a perspective camera and an animated `requestAnimationFrame` loop.

Ssenthilrajendran1
73% match
Loading thumbnail…

Fatal Police Shootings Bar Menu

This visualization presents a stacked bar chart of fatal police shootings in the United States, with the X axis showing the victim's race and the bars color-coded by the victim's "flee" status at the time of the incident. The chart uses a count aggregation to display the total number of fatalities per race, with each segment representing a different flight behavior. Built with React and the Vega-Lite API, it loads data from the Washington Post's Fatal Police Shootings database via d3.csv, while the chart is rendered using vega and vega-tooltip for interactive details. The appearance is customized through a Vega-Lite config that adjusts font sizes and axis colors for readability.

Nneetusingla12(Neetu Singla)
73% match
Loading thumbnail…

Stacked Barchart NVD3- Gun Violence Events

This stacked bar chart visualizes gun violence events over time, with each segment representing a category of incident and the total height showing the cumulative count per year. Built with Vue and rendered as an SVG, the chart uses NVD3’s animation to transition between states, while the underlying data comes from BuzzFeed’s GitHub repository on mass shooting intervals. The visualization layers multiple series per year, making it easy to compare both annual totals and the relative contribution of each category, all within a clean, MIT-licensed example suitable for reuse in web-based dashboards.

AAdlopez2016
73% match