Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7.1.1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

94c490ca478c40739a2b7dc2c7c16d5c

Open

Activity 7.1.1

0 stars0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Nov 6, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This area chart displays laptop sales across different months of the year. The visualization loads data from an external CSV file hosted on GitHub and renders a smooth, cardinal-curved area filled in yellow, with labeled X and Y axes. The implementation uses D3 v7 with several key APIs: `d3.select` to build the SVG container, `d3.scaleBand` and `d3.scaleLinear` for coordinate mapping, `d3.area` with `d3.curveCardinal` for the area shape, and `d3.axisBottom` and `d3.axisLeft` for the axes.

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.