Fork of Fork of Stack Chart Template

100%

Fork of Fork of Stack Chart Template

✓ Published0🌍 Public

Last edited Nov 15, 2023

Created on Oct 17, 2023

Forked from 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).

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Infection Type Chart

This fork of the Infection Type Chart visualizes stacked bar counts of infection types—Unknown, Social, Relative, Travel—across Chinese provinces, with an animated toggle between absolute case numbers and percentage shares. Using D3 v3 with SVG, it employs `d3.layout.stack` to arrange the series and transitions to update bar geometry and axes on user input. The chart sorts provinces alphabetically, rotates x-axis labels, and includes a hand-built legend and hover tooltip styling from `styles.css`.

NNarayana Reddy

81% match

Loading thumbnail…

Fork of Stack Chart Template - added data

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.

KKamal Bahadur Rana

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

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

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

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

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

77% match

Loading thumbnail…

Infection Type Chart

A stacked bar chart displays infection case counts across Chinese provinces, segmented by transmission type: Travel, Relative, Social, and Unknown. Users toggle between absolute counts and percentage-normalized views via radio buttons, triggering animated transitions. The visualization uses d3.layout.stack for stacking, d3.scale.ordinal for the x-axis, and SVG rectangles with smooth transitions. Data comes from data3.csv, sorted alphabetically by province, with a color-coded legend and hover tooltips for additional detail.

Kkalyanreddy997

77% match