Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

7e8169b964a7434491ac2ba78a5beeed

Fork of Activity 6_Task 1

0 stars0🌍 Public
Ppraneeth.d555@gmail.com
Last edited Oct 17, 2024
Created on Oct 17, 2024

This horizontal bar chart displays the 2020 populations of up to 30 countries, with bars sorted by country name along the y-axis and population values on the x-axis. The visualization uses React and D3 v5, leveraging `scaleBand` and `scaleLinear` to map data, SVG rectangles for the marks, and axis components that render ticks and labels. Population values are formatted using D3’s `format` function, converting large numbers to compact “B” (billion) notation for tick labels and tooltips. Data is loaded from a remote CSV file via `d3.csv`.

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.