Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart

Public visualization

Bar Chart

0 stars1🌍 Public
Yyejichun@naver.com
Last edited Sep 10, 2022
Created on Sep 10, 2022

This chart uses a horizontal bar layout to display the top 10 countries from the 2019 UN Population dataset. React manages the asynchronous data loading from a CSV file, while D3 scales—specifically `scaleBand` for the categorical country axis and `scaleLinear` for the population values—determine the bar positions and widths. The SVG rectangles are rendered directly by React, with each bar’s length proportional to the 2020 population estimate. D3’s `csv` utility parses the remote data file.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed