Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

question 1.1

Public visualization

Viewing a saved revision (read-only)

49eb1ca1484b468c904cce3e1aa0ddbc

question 1.1

0 stars0🌍 Public
Hharsha13638@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

A horizontal bar chart ranks the 20 most populous countries by their 2010 population figures. The visualization uses React components to render SVG rectangles, with D3’s `scaleBand` and `scaleLinear` mapping country names and population values to screen coordinates. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file, with axis tick labels formatted using D3’s `format` helper. Each bar includes a `<title>` element for native tooltip display, and the chart is styled with green marks and blue axis lines.

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.