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)

4f28bc1e74764cb39fccc9d8690a8332

Axes with React and D3

0 stars1🌍 Public
Vvangenned
Last edited Aug 12, 2022
Created on Aug 12, 2022

This example uses React to render a horizontal bar chart of the top 10 most populous countries from a UN population dataset loaded via D3's `csv` function. The SVG output displays bars sized by population, with x-axis ticks and country labels positioned using D3's `scaleBand` and `scaleLinear` scales, while React's `useState` and `useEffect` manage the asynchronous data loading and UI updates.

AI-generated description

A program that loads in some data about CSS named colours with d3 and uses react to reder data