Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_q1.1

Public visualization

Viewing a saved revision (read-only)

2e42e1566ff7414d8bb9299a747aff2a

Activity6_q1.1

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

This horizontal bar chart displays population figures for the twenty most populous countries, with bars sorted by country name along the y-axis and population on the x-axis. Each bar includes a hover tooltip showing the formatted population value, and the chart is titled "POPULATION-2010" on the x-axis. Built with React and D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map data, while `Marks.js` renders SVG rectangles for each bar, and `AxisBottom.js` uses custom formatting to convert values to billions with a "B" suffix. The data is loaded from a CSV file using D3's `csv` function.

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.