Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task_9_Question_9

Public visualization

Viewing a saved revision (read-only)

edbfd5559cab4f47a9e99861e83cf002

Task_9_Question_9

0 stars0🌍 Public
Ttarunskuruvadi@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024

This example displays an area chart of the number of days in each month for the first half of the year, using a small hardcoded dataset of six monthly values. It renders an SVG visualization with D3 v7, employing `d3.scaleBand` for the categorical month axis, `d3.scaleLinear` for the day count, and a `d3.area()` generator to create the filled path. Axes are added via `d3.axisBottom` and `d3.axisLeft`, with labeled text for both dimensions. The chart is drawn entirely client-side using the D3 library loaded from UNPKG.

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.