Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

UN World Population

Public visualization

Viewing a saved revision (read-only)

50edf59dde2a4fff8b5a350f7fe18b4a

UN World Population

0 stars1🌍 Public
JJun Suzuki
Last edited Nov 16, 2021
Created on Nov 16, 2021

This example visualizes the population of the top 20 countries in 2020 as a horizontal bar chart, using bars whose lengths are proportional to each country’s population. It renders with SVG inside a React component, loading data from a CSV file via D3’s `csv` function. The chart uses D3’s `scaleBand` for the y-axis categories and `scaleLinear` for the x-axis values, with React managing the state and rendering the rectangles. No interactive elements are present.

AI-generated description

A program that loads in data about CSS named colors using React to visualize the data as a radial burst.