Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Heatmap with time series in D3

Public visualization

Viewing a saved revision (read-only)

144e65c14a5544008184a905dd86abfd

Heatmap with time series in D3

0 stars2🌍 Public
EEunice Tu
Last edited Mar 14, 2024
Created on Mar 11, 2024
Forked from D3 Starter

A heatmap displays annual property-crime rates for U.S. states from 2000 to 2019, using color intensity to show per-100,000-person offense counts. It uses `d3.scaleThreshold` with `d3.interpolateBlues` to map rates to colors and a sequential color scale for fill, while `d3.legendColor` provides a threshold legend. Data comes from the CORGIS smoking dataset, filtered for property crimes. Tooltips reveal exact values on hover, and axes are labeled using `d3.axisBottom` and `d3.axisLeft`, with the SVG rendered via D3 v6.

AI-generated description

A demonstration of how to start using D3 version 6.