Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TASK9_QUESTION2

Public visualization

TASK9_QUESTION2

0 stars0🌍 Public
Ppenumutchu.manobhiram@gmail.com
Last edited Apr 22, 2024
Created on Apr 22, 2024
Forked from Hello VizHub

This example displays an area chart that visualizes the relationship between height (in feet) on the x-axis and the number of people on the y-axis. The code loads a CSV dataset from a GitHub URL using d3.csv, parses numeric fields, and renders an SVG chart with linear scales for both axes. A gradient-filled area path is generated using d3.area, with axis labels added via d3.axisBottom and d3.axisLeft. The visualization uses D3 v7 and custom CSS styling for the chart container.

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.

Comments

Sign in to join the discussion.

MIT Licensed