Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task1_Activity6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7adfb8045df44e33811716a6d26568e1

Open

Task1_Activity6

0 stars1🌍 Public
Ssanjanadadi19@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This visualization displays populations of ten countries in the year 2000 as a horizontal bar chart rendered with SVG in React. It uses D3’s scaleBand for the categorical y-axis, scaleLinear for the quantitative x-axis, and format for truncated tick labels (e.g., 'B' for billions). Data is loaded via d3.csv from a GitHub-hosted CSV file, with population values multiplied by 1,000. Tooltips show formatted population values via SVG <title> elements, and axis ticks are styled with blue lines and gray text.

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.