Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A6 Sequential Color Barchart

Public visualization

A6 Sequential Color Barchart

0 stars3🌍 Public
NNoah C.
Last edited Apr 9, 2024
Created on Mar 2, 2024
Forked from A4 Barchart (D3)

This example visualizes total cancer deaths by U.S. state using a sequential color barchart. The bars encode the death count by height while their color reflects the death rate per 100,000 people, ranging from light to dark red. Hovering over a bar reveals precise values via a native title tooltip. The chart is built with D3 v7, using `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.scaleSequential` with `d3.interpolateReds` for color, and the `d3-legend` plugin to display the color threshold legend. Data comes from the CORGIS dataset, rendered as SVG.

AI-generated description

Visualization of total cancer deaths by state from the CORGIS dataset made with D3. Color legend and threshold code from Susie Lu.

Hover over bars to see precise values. Fullscreen to see legend.

Comments

Sign in to join the discussion.

MIT Licensed