Skip to main content
100%

area chart

✓ Published0🌍 Public
Sshreelasya.bezawada@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from HTML Starter

This area chart visualizes electricity consumption against population for major cities, with the data sorted by population to show a clear upward trend. The chart uses blue filled areas beneath a yellow line, with orange points providing interactive tooltips that display additional city metrics. Built with D3 v7, the visualization loads CSV data from a GitHub gist, applies data-cleaning regex operations, and uses `d3.area`, `d3.line`, and `d3.curveMonotoneX` for smooth rendering. It also features grid lines, axis labels, and SVG animation for tooltip transitions.

AI-generated description
MIT Licensed

Similar vizzes