Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart - Task 9

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ef8e64e2c4eb4dcdb981f696d123410a

Open

Area Chart - Task 9

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

This area chart displays temperature readings for various cities from a weather CSV file. The visualization uses a blue filled area to represent temperature values along a categorical city axis, with rotated city labels and a temperature axis. Built with D3 v7, the code fetches and parses the CSV, then uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` to generate the filled path. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with labels added for both 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.