Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ACTIVITY6TASK-1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

936693d5c5524b0bb2e8dff7fa6a4288

Open

ACTIVITY6TASK-1

0 stars0🌍 Public
HHanuReddy
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This visualization displays a horizontal bar chart ranking the populations of 20 countries for 2010, using green bars labeled along the left axis with a formatted population scale on the bottom. The React application loads data from a CSV file via d3.csv, then uses d3.scaleBand and d3.scaleLinear to position bars and axes, rendered as SVG rectangles. Tooltips, provided through native SVG `<title>` elements, show the exact population in billions using d3.format.

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.