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)

66c7a9032fae410cacb5bc7f16888e59

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.