Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

new

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

dec41060390948c8b845f55a6ace67a5

Open

new

0 stars0🌍 Public
Jjyothirmaijyothi2017@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

This stacked area chart visualizes how three categorical values (A, B, and C) contribute to a total across five years, from 2010 to 2014. The chart uses translucent areas with a category-10 color scheme to show the changing composition over time. Built with D3.js v7, the implementation stacks the dataset using `d3.stack`, scales the X-axis with `d3.scaleBand`, and the Y-axis with `d3.scaleLinear`. Paths for each area are generated via `d3.area`, and the SVG axes are rendered using `d3.axisBottom` and `d3.axisLeft`.

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.