Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

fcc-d3-03

Public visualization

Viewing a saved revision (read-only)

8ed7fcce68914c72a4dc367c6a30a95a

fcc-d3-03

0 stars0🌍 Public
SSiddharthMittal07
Last edited Feb 22, 2022
Created on Feb 22, 2022
Forked from React Starter

This example visualizes monthly global land-surface temperature anomalies from 1753 to 2015, using a heatmap of red rectangles over an SVG. It relies on React and D3 v7 (via `json`, `scaleLinear`, and `scaleBand`) to render axes, tooltips, and color opacity based on temperature variance. The data comes from the freeCodeCamp global-temperature JSON file. Hovering over a bar displays the year, month, actual temperature, and variance using a positioned tooltip.

AI-generated description

React Starter code.