Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TAsk 9 & 10 - Area Chart

Public visualization

TAsk 9 & 10 - Area Chart

0 stars0🌍 Public
PPothuguntla Pranitha
Last edited Apr 29, 2024
Created on Apr 29, 2024

This area chart displays yearly cost data from 2000 to 2013, with the filled area representing cost values over time. The visualization uses D3 v6 with SVG rendering, employing d3.area() to create the shaded region and d3.scaleLinear() for both axes. Interactive tooltips appear on hover through invisible circles over each data point, showing the exact year and cost. The chart includes axis labels for "Year" and "Cost", with a light teal fill and darker stroke for the area path.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed