Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

BarChart Dec 27

Public visualization

BarChart Dec 27

0 stars1🌍 Public
WWasanta Pruttisarikorn
Last edited Dec 27, 2022
Created on Dec 27, 2022

A horizontal bar chart displays the top ten countries by estimated 2020 population, loaded from a CSV file using the `d3.csv` utility. React manages the application state with the `useState` and `useEffect` hooks, while D3’s `scaleBand` and `scaleLinear` map country names and population values to screen coordinates. Each bar is an SVG `<rect>` element rendered by React, with its width proportional to population and its height set by the band scale’s bandwidth.

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!

Comments

Sign in to join the discussion.

MIT Licensed