Fork of Stack Chart Template

100%

Fork of Stack Chart Template - added data

✓ Published0🌍 Public

Last edited Sep 19, 2023

Created on Apr 24, 2023

This interactive stacked bar chart displays deaths from various illnesses in 2013, broken down by age range across selected South African countries, using WHO data. The visualization, rendered as an SVG with D3.js (v3), includes radio buttons that toggle between showing raw death counts and percentages of total illness. The chart uses `d3.layout.stack` for the stacked bars, `d3.scale.ordinal` for the x-axis, and a categorical color scale for the causes of death, with animated transitions between the two display modes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

95% match

Loading thumbnail…

Fork of Fork of Stack Chart Template

This example displays stacked bar charts of mortality data by cause across age groups for South African women in 2013, drawn from WHO data. Users can toggle between raw death counts and percentage distributions via radio buttons, triggering smooth transitions between views. The visualization uses D3.js v3’s `d3.layout.stack`, ordinal and linear scales, SVG axes, and CSS transitions for interactive updates.

Nnanegole

91% 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

91% match

Loading thumbnail…

Stack Chart Template

This stacked bar chart visualizes causes of death in 2013 across selected South African countries, using data from the WHO. Users can toggle between raw counts and percentage shares via radio buttons, which triggers a smooth transition in bar heights. The visualization is built with the D3.js library, specifically using `d3.layout.stack` to compute the stacked segments and `d3.svg.axis` for the axes. The chart is rendered as an SVG, and the animation is achieved through D3's `.transition()` method.

Cchungmin-yu

91% 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

89% match

Loading thumbnail…

STACK CHART

This example displays a stacked bar chart of deaths by cause across age groups, using WHO data for women in Africa in 2012. It renders with D3.js SVG and animates transitions between counts and percentages via radio buttons, using `d3.layout.stack` with offsets "zero" and "expand" to reshape the bars. The chart also includes a categorical color legend and hover effects that reduce opacity.

Ccocktaildata

86% match

Loading thumbnail…

Fork of Fork of Stack Chart Template

This example shows a stacked bar chart of the three data types (type1, type2, type3) across Chinese provinces, with the chart title referencing WHO data on deaths from illnesses in 2013. It uses D3.js (v3.5.6) with d3.layout.stack, d3.scale.ordinal, and d3.scale.linear to render the stacked bars as SVG. The visualization includes interactive radio buttons to toggle between raw counts and percentage views, though the corresponding transition logic is not fully implemented in the visible code. The data comes from local CSV files (data3.csv).

YYunLing

81% 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

77% match