Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A6 Sequential Color Barchart

Public visualization

Viewing a saved revision (read-only)

5a911b876ec74be48961cc6f21370e60

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.

Hover over bars to see precise values.