Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

World Map

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed