Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

axes with react and d3

Public visualization

Viewing a saved revision (read-only)

d97ac338b6ba4df297e29c2158625469

axes with react and d3

0 stars1🌍 Public
BBrian Machado
Last edited Jul 2, 2022
Created on Jul 2, 2022

A horizontal bar chart displays the ten most populous countries for 2020, sourced from UN population data. Built with React and D3 v7, the visualization renders as SVG, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. React's `useEffect` and `useState` manage asynchronous CSV loading, while D3's `csv` fetches the data; axes and bars are constructed from mapped ticks and rect elements.

AI-generated description

Smiley face implementation with React.