Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

multiple area

Public visualization

Viewing a saved revision (read-only)

f64ede06cf8f4131a93a76e1ed1499f0

multiple area

0 stars1🌍 Public
AAegon95
Last edited Nov 17, 2019
Created on Oct 31, 2019

This visualization displays mock energy data for two sites across months, using semi-transparent filled areas to compare temporal trends. Built with D3 v5, it employs `d3.area()` for the shaded regions, `d3.line()` for outlines, and `d3.nest()` to group data by site. The SVG rendering includes custom axes with gridlines, a legend, and gradient-filled clip paths created via `d3.scaleOrdinal` for color encoding.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video: