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)

36e1ff046ccc4723b12e4ec22ae36a5c

Axes with React and D3

0 stars1🌍 Public
Aalexandermodell
Last edited Feb 24, 2022
Created on Feb 24, 2022

A horizontal bar chart displays population data for ten countries in 2020, loaded from a CSV file via D3's `csv` utility. The chart uses D3's `scaleBand` and `scaleLinear` to map country names and population values to SVG coordinates, while React manages the component state and renders the SVG elements. Axes are drawn by iterating over ticks from the scales, with grid lines and labels positioned using React's map function.

AI-generated description

A program that loads in some data using D3 utilities, and uses React render the data.