Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2

Public visualization

Viewing a saved revision (read-only)

f1937c0231824f0cb32bf8a841d5eb86

2

0 stars0🌍 Public
Ssindhuja27b@gmail.com
Last edited Apr 13, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

A monthly temperature area chart compares values across months using an SVG rendering with D3 v7. The visualization reads CSV data via `d3.csv` and maps months to a band scale with `d3.scaleBand`, while temperatures are scaled linearly. An area generator (`d3.area`) fills the region beneath the temperature curve in steel blue, and red circles mark each data point. Hovering over a circle triggers a mouseover event that displays a tooltip showing the month and exact temperature in degrees Celsius.

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.