Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

5:03 axies

Public visualization

5:03 axies

0 stars1🌍 Public
Uumgi
Last edited Feb 28, 2021
Created on Feb 28, 2021
Forked from 4:45 bar chart

This chart displays the ten most populous countries in 2020 as horizontal bars, using a linear scale to encode population size on the x-axis and a band scale for country names on the y-axis. The React-driven interface loads the UN Population 2019 CSV via D3’s `csv` utility, then renders an SVG with gridlines, tick labels, and colored rectangles. Both `scaleBand` and `scaleLinear` from d3 are used for positioning, while React’s `useState` and `useEffect` manage the asynchronous data loading and component updates.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed