Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of reformat Bar chart (access data)

Public visualization

Viewing a saved revision (read-only)

6cbd246de8c74e5aaf1234e9c0e00825

Fork of reformat Bar chart (access data)

0 stars1🌍 Public
JJean David
Last edited May 22, 2021
Created on May 22, 2021

This example presents a horizontal bar chart of the top 15 countries by 2020 population, sourced from the United Nations World Population Prospects 2019. A React component renders SVG rectangles for each bar, using D3’s `scaleBand` and `scaleLinear` for the y- and x-axes, respectively. The chart includes labeled axes generated by custom `AxisBottom` and `AxisLeft` components, with tick marks and text positioned via D3’s scale methods.

AI-generated description

Reformat bar chart (axis)

Data: United Nations World Population Prospects 2019.