Causes of Death

100%

Causes of Death

✓ Published0🌍 Public

Last edited Sep 16, 2015

Created on Sep 15, 2015

This interactive visualization explores mortality trends in the United States through a linked tree navigator and stacked area chart. The tree navigator organizes causes of death hierarchically, and selecting a node updates the stacked area chart to display the proportional composition of causes over time, with each layer colored distinctly. The visualization uses D3’s stack layout with an expand offset to show relative proportions, while the tree provides an intuitive way to drill into specific causes of death. Data is sourced from the Centers for Disease Control.

AI-generated description

This example is a revived piece of old code from February 2014.

It shows causes of death in an interactive set of linked visualizations, a tree navigator and a stacked area chart.

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1952668&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

Similar vizzes

Loading thumbnail…

Annual Deaths Causes in USA

An interactive scatter plot displays annual death counts from numerous causes in the USA, with users selecting any two columns from the dataset to compare via dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render animated SVG circles that transition into position. Data is loaded from a CSV file hosted on VizHub and includes causes such as Dementia, Cardiovascular diseases, and Suicide. The code employs a reusable `scatterPlot` module and a custom `dropdownMenu` component to handle user interactions.

CChooo4u

80% match

Loading thumbnail…

death_prop_over_time

An interactive stacked area chart visualizes the proportional breakdown of death causes across age groups for a selected gender, with data from 2005-2014. Users toggle between male and female views via buttons. Built with D3.js, the visualization uses `d3.layout.stack` and `d3.svg.area` to render the layers, supported by axis scales and a nested data structure from a TSV file.

BBenHeubl

78% match

Loading thumbnail…

Annual deaths causes in usa

This scatter plot displays annual deaths from various causes in the USA over time, with the y-axis showing total deaths for a selected cause and the x-axis representing years. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart as an SVG. A dropdown menu, built with a custom `dropdownMenu` function, is intended to switch between cause-specific datasets, though the selection logic is not implemented. The data is loaded from a CSV file and parsed into numeric death counts for each condition.

CChooo4u

77% match

Loading thumbnail…

Fork of Stack Chart Template

This interactive stacked bar chart visualizes mortality causes in South African countries for 2013, using WHO data. It displays the number of deaths by cause and age group (or by province with three categories in an alternate version), with a radio-button toggle that switches the y-axis between raw death counts and percentages of total illness. Built with D3.js (v3.5.6), the chart uses `d3.layout.stack` to create stacked segments and adjusts its offset to either "zero" or "expand" based on the selected mode. The SVG renders with animated transitions on rectangles and axes.

Ssagayous

76% match

Loading thumbnail…

Age Distribution Chart

The chart displays the age distribution of deaths across various causes of illness, with each cause represented as a stacked bar segmented by age group. Users can toggle between raw death counts and normalized percentages using radio buttons. The visualization is built with D3.js, using ordinal and linear scales, stacked layout, and SVG axes. It animates transitions between the two modes with a 250-millisecond duration, and includes interactive hover effects that reduce rectangle opacity. Data is loaded from a CSV file containing cause-specific mortality counts by age bracket.

Pp189

76% match

Loading thumbnail…

Stack Chart Template

This stacked bar chart visualizes cause-of-death data by age group in selected South African countries, sourced from WHO data. It uses D3.js (version 3.5.6) with SVG rendering and animation. The chart displays either raw death counts or percentages, toggled via radio buttons. It leverages D3’s layout stack, ordinal and linear scales, and axes APIs, with rectangles transitioning smoothly between the two modes.

Pphamiter253

76% match

Loading thumbnail…

Legend

This interactive visualization explores death statistics by cause and demographic categories, displaying stacked area charts of suicide, firearm, and alcohol-related deaths over time. The interface includes dropdown menus for filtering by sex, ethnicity, age group, and specific death types, with a color legend that supports hovering to highlight or fade individual categories. Built with React and D3 v5, it uses d3.area, d3.curveNatural, and d3.scaleOrdinal to render SVG paths and pie charts. Data comes from a Gist CSV file, though several filtering options remain non-functional in the current version.

SSoorena

76% match

Loading thumbnail…

Stack Chart Template

This stacked bar chart visualizes deaths from various illnesses across different causes, with each bar segmented by age ranges from 0-27 days to 70+ years. The chart uses D3.js v3 layout stack, ordinal and linear scales, and SVG rendering with transitions. Users can toggle between raw counts and percentage view using radio buttons, which triggers animated transitions via `transition()` and `attrTween`. Data comes from WHO cause-of-death statistics for African countries, with tooltips providing additional detail on hover.

LLex

76% match