Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

barGraph

Public visualization

Viewing a saved revision (read-only)

3c2fb0224dfc455084ed093012fc206d

barGraph

0 stars0🌍 Public
MMayank Kumar
Last edited Sep 24, 2023
Created on Sep 24, 2023
Forked from PieChar

This visualization displays the 2020 populations of countries as horizontal bars, sorted by country name. Using React for rendering, it maps each country to a rectangle within an SVG canvas, with bar lengths proportional to population values. The code loads UN population data from a CSV file via `d3.csv`, and uses D3's `scaleBand` and `scaleLinear` to compute the y-axis positions and x-axis scaling, respectively. A loading state shows "Loading..." text until the data arrives.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!