Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Axes with React & D3

Public visualization

Viewing a saved revision (read-only)

378ca25b30f547c99fd4feb8e882b514

Axes with React & D3

0 stars0🌍 Public
WWilliam Couturiaux
Last edited Apr 14, 2021
Created on Apr 13, 2021
Forked from Margin Convention

A bar chart displays United Nations population estimates for 2020 across ten countries, with country names on the y-axis and population values on the x-axis. The example integrates React (using `useState` and `useEffect` hooks) with D3 utilities, including `csv`, `scaleBand`, `scaleLinear`, and `max`. D3 loads the CSV data and computes scales, while React renders SVG elements—axis ticks, labels, and rectangles—within a single `<g>` group. The chart uses rendered SVG with manual gridlines and text labels.

AI-generated description

A program that loads population data with D3 utilities and uses React to render the data as a bar chart.