Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity7_area_chart

Public visualization

Viewing a saved revision (read-only)

3aaa35cefd204196a4a70477655decf2

Activity7_area_chart

0 stars0🌍 Public
11810vineeth@gmail.com
Last edited Nov 8, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This area chart visualizes monthly sales data for electronics, clothing, furniture, and toys across four smoothed, semi-transparent colored areas. It loads CSV data from a GitHub gist using `fetch` and `csvParse`, then renders an SVG chart using D3 v5. The visualization employs `scaleBand` and `scaleLinear` for axes, `area` with `curveBasis` for smooth paths, and `axisBottom`/`axisLeft` for ticks. A legend maps each category to its fill color, with styling defined in external CSS.

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.