Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of bar_char 3 axis

Public visualization

Fork of Fork of bar_char 3 axis

0 stars1🌍 Public
TTanupat B.
Last edited Mar 19, 2022
Created on Mar 19, 2022
Forked from Fork of bar_char 2

This horizontal bar chart displays the top 10 most populous countries in 2020, using data loaded from a CSV via D3’s `csv` utility. Bars are drawn as SVG rectangles, with a band scale for country names on the y-axis and a linear scale for population on the x-axis, including gridlines and tick labels generated from `xScale.ticks()`. React’s `useState` and `useEffect` manage the asynchronous data loading and rendering state.

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