Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 - Heatmap

Public visualization

Viewing a saved revision (read-only)

42d989ad490445c984ce70ac2e9cfc0f

D3 - Heatmap

0 stars0🌍 Public
CChandana Srinivas
Last edited Feb 21, 2024
Created on Feb 19, 2024
Forked from HTML Starter

This heatmap visualizes impact magnitudes across locations and months from January to September 2016, using color intensity to convey variation. The D3.js v7 code loads CSV data via `d3.csv`, maps locations and months to x- and y-axes using `d3.scaleBand`, and fills rectangles with the sequential `d3.interpolateViridis` color scale. The SVG rendering includes axis labels, a chart title, and a grey background, with the heatmap cells styled with rounded corners and white strokes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.