Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

afd13601dfba49f4b64628f5b201dd35

World Map

0 stars0🌍 Public
AAlex Gomes
Last edited Mar 1, 2022
Created on Mar 1, 2022
Forked from Working with Time

This visualization displays temperature data over time as a line chart with circular markers for each data point. The x-axis uses a time scale (d3.scaleTime) with day-of-week tick labels, while the y-axis uses a linear scale (d3.scaleLinear). Built with React and D3 v5, it renders SVG elements, with the line path created using d3.line() with curveNatural smoothing. Data is fetched via d3.json from a world-atlas TopoJSON file (though the chart plots temperature readings, not map features). Hovering over circles shows tooltips formatted with d3.timeFormat.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.