Skip to main content
SimilarExport ZIP
100%

Stacked Barchart NVD3- Gun Violence Events

✓ Published0🌍 Public
AAdlopez2016
Last edited Oct 30, 2016
Created on Oct 30, 2016

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.

AI-generated description

This graph was created from the Buzzfeed Github Repository. Thanks to Ramnath Vaidyanathan for his work on rCharts. Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/justlebeau/'>justlebeau</a>'s block: <a href='http://bl.ocks.org/justlebeau/acc3f4aefe8d5148b83e3d1bea31e60b'>Stacked Barchart NVD3- Gun Violence Events</a>

forked from <a href='http://bl.ocks.org/Adlopez2016/'>Adlopez2016</a>'s block: <a href='http://bl.ocks.org/Adlopez2016/421f5983c93edc8852f2fdf651bec884'>Stacked Barchart NVD3- Gun Violence Events</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Stacked Barchart NVD3- Gun Violence Events

This stacked bar chart, built with NVD3 and Vue, visualizes gun violence events using data from a Buzzfeed News repository. Rendered as animated SVG, the chart uses stacked bars to break down incidents over time, with each segment representing a different category of event. The visualization, adapted from a block by justlebeau, includes interactive tooltips that reveal precise values on hover, and was implemented using blockbuilder.org. The MIT-licensed code, authored by Adlopez2016, demonstrates how to create a clear, animated stacked bar chart with NVD3 within a Vue application, making it easy to compare both total events and their categorical compositions across intervals.

AAdlopez2016
96% 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
73% match
Loading thumbnail…

NICS Data - Bar Chart Interactive Legend

This interactive bar chart visualizes firearm background check data across U.S. states, showing stacked totals by gun type (handgun, long gun, other, and multiple) for a selected year. Users can filter by year and choose to display the top 10, top 25, or all states. Hovering over bars reveals detailed category tooltips, while hovering over the legend highlights a specific gun type. Built with D3 v7 and d3-rosetta, it uses scaleBand and scaleLinear for axes, transitions to animate opacity changes, and CSV-loaded data aggregated per state.

Rrpkupfer@wpi.edu
73% 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…

Stacked-to-Grouped Police Killings

This example visualizes police killings in 2015 (through June) as a bar chart broken down by race and month. Users can toggle between stacked and grouped layouts, with animated transitions that preserve object constancy across views. The code uses D3.js (v3) for data binding, scales, axes, and transitions, processing data from a CSV file. The visualization includes a legend and radio buttons to switch between the two layout modes.

NNastasi7
72% match
Loading thumbnail…

NICS Data - Bar Chart With Transition - Final

This interactive D3.js bar chart visualizes FBI NICS background check data across U.S. states, showing stacked totals for handguns, long guns, other firearms, and multiple gun purchases. Users can select the year, filter to top states, and sort by value or alphabetically. Bars transition smoothly between states using D3 transitions, with a legend that highlights categories on hover and tooltips revealing per-category counts. The visualization updates automatically through an animated playback mode.

Rrpkupfer@wpi.edu
72% match
Loading thumbnail…

Stacked Bar Chart

A stacked bar chart uses the D3 stack layout to visualize monthly mortality causes in the Crimean War from April 1854 to March 1856. The SVG rendering shows layers for wounds, other, and disease, with a categorical color scale and ordinal x-axis for dates. D3’s `d3.layout.stack`, `d3.svg.axis`, and `d3.time.format` handle the data transformation and axes, while the data loads from a TSV file.

NNikhilkuyya
72% match
Loading thumbnail…

Stacked Bar Chart

A stacked bar chart displays monthly mortality causes from the Crimean War, showing counts of disease, wounds, and other causes over a 23-month period. The chart uses an ordinal x-axis for dates and a linear y-axis for counts, with each bar subdivided into colored layers using the d3.layout.stack layout. D3 v3 renders the visualization as SVG, with axes generated via d3.svg.axis and categorical colors from d3.scale.category10. Data is loaded from a TSV file and parsed with d3.time.format before being passed through the stacking function.

NNikhilkuyya
72% match