Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

eb70e660b43a479f8a8df4f10504d81b

Refactored Bar Chart

0 stars1🌍 Public
TTaweewat Somboonpanyakul
Last edited Jun 12, 2021
Created on Jun 12, 2021
Forked from UN Population

This example shows a horizontal bar chart of the ten most populous countries in 2020, ordered by country name. Each bar’s length encodes population, with a left axis labeling countries and a bottom axis showing population values. The visualization is built with React and D3 v6, using `scaleBand` and `scaleLinear` to map data to SVG rectangles, with custom `AxisBottom`, `AxisLeft`, and `Marks` components. The data is loaded from a CSV URL via D3’s `csv` function.

AI-generated description

Load data about named colors with React and D3