Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TAsk 9 & 10 - Area Chart

Public visualization

Viewing a saved revision (read-only)

d16182fd42834408b9b53482debf1cd9

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

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.