Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart - Ganesh

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

030ad736790246c99a5850ad030e34fd

Open

Area Chart - Ganesh

0 stars0🌍 Public
Gganeshseeram2405@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024

This area chart displays temperature values for a set of cities, with the y-axis labeled in degrees Celsius and city names rotated along the x-axis. It uses D3 v7 with an SVG rendering approach, loading a CSV file from a GitHub gist. The visualization employs `d3.csvParse` to transform the data, `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area()` to generate the filled path. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`, with colors assigned using `d3.schemeCategory10`.

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.