Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a bar chart with React & d3

Public visualization

Viewing a saved revision (read-only)

50a98359614e4f7da17711956e562901

Making a bar chart with React & d3

0 stars2🌍 Public
Bblackbottt
Last edited May 27, 2022
Created on May 6, 2022
Forked from mouse follower

A React application renders a bar chart of world population data from a UN prospects CSV, using d3.scaleBand and d3.scaleLinear to map countries and population values. The svg output displays horizontal bars with gridlines and tick labels, while React's useState and useEffect hooks handle asynchronous data loading via d3.csv. The chart uses a margin-based layout with x-axis values positioned at the bottom and country labels on the left.

AI-generated description

A program that loads data in React whilst using d3 utilities rendering as a radial burst!