Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

4407d9628cfa4e4caa87d066bacf2de1

Stylized Bar Chart

0 stars2🌍 Public
JJohn Jeevasaeyan
Last edited Nov 27, 2021
Created on Nov 7, 2021

This stylized bar chart displays the 10 most populous countries in 2020, using horizontal rectangles to compare population sizes. The visualization pairs React components with D3 utilities, including `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `csv` loading from a GitHub-hosted UN population dataset. The SVG render sets a teal fill for the marks, with formatted tick labels converting large numbers into abbreviated units like "Mn" and "Bn" for readability.

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!