Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

axes with react and d3

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed