Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

area chart

Public visualization

Viewing a saved revision (read-only)

c3af8ab612254793abc4fd20ffd23159

area chart

0 stars0🌍 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