Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Refactored Barchart

Public visualization

Viewing a saved revision (read-only)

7e34ddf0138e471ebabfbccf56b39a8d

Fork of Refactored Barchart

0 stars1🌍 Public
Mmikekslv
Last edited Mar 11, 2022
Created on Mar 11, 2022

This example displays a horizontal bar chart ranking the ten most populous countries in 2020, using population data loaded via D3's `csv` function from the United Nations dataset. Built with React and D3 v5, it renders SVG bars with a linear x-scale for population and a band scale for countries, formatted in billions. The code defines reusable `AxisBottom`, `AxisLeft`, and `Marks` components, with hover tooltips provided by SVG `<title>` elements.

AI-generated description