Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity6_task1.1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

db07b333c2ea4061bbb8a0ad5649c4db

Open

Fork of Activity6_task1.1

0 stars0🌍 Public
DDeekshitha Annreddy
Last edited Oct 24, 2024
Created on Oct 22, 2024
Forked from Activity6_task1.1

This example displays a horizontal bar chart comparing population figures for ten countries in the year 2000. The React application loads CSV data via `useData` and D3’s `csv` function, then renders SVG bars using `scaleBand` and `scaleLinear`. Axes are built with custom `AxisBottom` and `AxisLeft` components, while tooltips appear through SVG `<title>` elements using a D3 `format` tick formatter.

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.