Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Axes with React & D3

Public visualization

Viewing a saved revision (read-only)

62c18f8d80d24cd5840b43481a49e1ea

Fork of Axes with React & D3

0 stars0🌍 Public
HHLS
Last edited Oct 26, 2023
Created on Oct 26, 2023

This example visualizes the top 10 most populous countries as a horizontal bar chart, using United Nations World Population Prospects 2019 data loaded via `d3.csv`. It renders SVG with React, computing scales with `scaleBand` and `scaleLinear`, and draws custom axes using `xScale.ticks()` for grid lines and labels. The chart includes a y-axis with country names and an x-axis with population values, all within a React component that manages data fetching with `useState` and `useEffect`.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.