Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Temperatures of Cities

Public visualization

Viewing a saved revision (read-only)

c562fc0e7fc4439c858ac963e3e69447

Temperatures of Cities

0 stars1🌍 Public
MMatthew Rubino
Last edited Jun 18, 2021
Created on Jun 18, 2021

This visualization displays temperature measurements from cities around the world over a one-week period. Multicolored line paths represent each city's temperature fluctuation over time, with a color legend positioned at the right identifying each city. The chart includes gridlines and labeled time and temperature axes. Built with React and D3 v6, the example uses `scaleTime` and `scaleLinear` for scaling, `line` with `curveBasis` for path generation, and `scaleOrdinal` with `schemeCategory10` for colors. Data originates from a CSV file loaded via `csv()`, and the SVG rendering employs the declarative selection API.

AI-generated description

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

See also React Starter.