Untitled

100%

✓ Published0🌍 Public

Last edited Aug 24, 2020

Created on Aug 24, 2020

Forked from Untitled

A stacked bar chart displays monthly mortality counts from the Crimean War, broken down by cause—disease, wounds, and other—using a dataset from a TSV file. The chart uses an ordinal x-axis with rounded bands and a linear y-axis, with layers computed via `d3.layout.stack`. SVG rectangles represent each cause per month, colored by a category scale. Formatting relies on `d3.time.format` for date parsing and axis tick labels, with axes generated through `d3.svg.axis`.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example displays a stacked area chart of monthly casualties in the Crimean War, broken down by cause (wounds, other, and disease) using the d3.layout.stack() API and SVG rectangles. The chart uses a category10 color scale and ordinal x-axis with a custom time format. Data is loaded from a TSV file and parsed via d3.time.format, while the axes are generated using d3.svg.axis(). The visualization highlights the dramatic spike in disease-related deaths during the winter of 1854–55.

OOsekovS

90% match

Loading thumbnail…

Stacked Bar Chart

This stacked bar chart displays mortality causes among British troops during the Crimean War by month from 1854 to 1856, breaking down deaths into wounds, other, and disease. Using D3 v3’s stack layout, the code computes cumulative layer offsets and renders each cause as a distinct colored bar segment with ordinal time-scaled x-axes and a linear y-axis. The SVG visualization, styled with category10 colors, loads tab-separated data via `d3.tsv` and leverages `d3.svg.axis` for formatted month and tick labels.

Mmbostock

87% match

Loading thumbnail…

fresh block

This stacked bar chart visualizes historical death data from the Crimean War, breaking down monthly mortality into categories of disease, wounds, and other causes. The implementation uses D3 v4's `d3.stack`, `d3.stackOffsetNone`, and `d3.scaleBand` for the time-based y-axis and linear x-axis. It sorts months by total deaths and renders layers via SVG rectangles, with axes configured through `d3.axisLeft` and `d3.axisBottom`. The color scheme uses `d3.schemeCategory20` to distinguish the three mortality categories.

GGoomble

84% match

Loading thumbnail…

fresh block

A stacked bar chart displays the causes of mortality—wounds, other, and disease—among a historical population over several months in 1855–1856. The visualization uses a horizontal orientation, with each bar segmented by cause and colored via a categorical scale. Built with D3 v4, it employs `d3.stack()` to compute layer positions, `d3.scaleBand` for the time-based y-axis, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is parsed with `d3.timeParse` and rendered as SVG rectangles.

KKacieW

78% match

Loading thumbnail…

Untitled

A horizontal bar chart displays the percentage of deaths per disease across six continents, comparing the values from 1990 through 2016. The visualization, built with D3 v4, uses an SVG canvas and loads data from a CSV file. The bars represent the 1990 values, with axes rendered using `axisLeft` and `axisBottom`, while the chart employs a custom Indie Flower font and hover effects to highlight individual data points.

SSantiagopc30

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

Loading thumbnail…

Untitled

This chart displays two series of suicide counts by country as concentric circular bar charts, with the outer green bars using a radial scale from the inner radius to the plot edge and an inner red series scaled from the inner radius down to 5. The SVD is rendered as SVG in D3 v6, using `d3.scaleBand` for angular positions, `d3.scaleRadial` for radial values, and `d3.arc` to generate the bar paths with adjustable padding. Country labels rotate around the chart, flipped for readability. Data comes from a CSV file loaded via `d3.csv`.

Mmnalk

76% match

Loading thumbnail…

fresh block

A stacked bar chart titled “Batallion Performance Assessment” displays monthly military data from April 1854 to March 1856, with segments for wounds, other causes, and disease. The chart uses d3.stack with keys for each cause, d3.scaleBand for the monthly y-axis, and d3.scaleLinear for the x-axis. Rendered as SVG via d3.v4, the bars are colored using d3.scaleOrdinal and d3.schemeCategory20. The visualization sorts months by total personnel, showing how disease dominated casualties early on, while wound counts rise later.

GGoomble

76% match