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)

ef92a32b338e4929ae61ac8086b7d7c5

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.