🌍 Public
Viewing a saved revision (read-only)
cdd87fcc7f924668ae6ba2e608d94eac
multiple area
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 descriptionThis 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: