Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar Chart

Public visualization

Pathetic Bar Chart

0 stars1🌍 Public
Mmscoop16
Last edited Jun 28, 2022
Created on Jun 28, 2022

This example uses React and D3 v5 to render a bar chart of the ten most populous countries in 2020, based on UN population data loaded via `d3.csv`. The `scaleBand` and `scaleLinear` D3 scales map country names to vertical positions and population to horizontal bar widths, while React components generate the SVG `<rect>` elements. The visualization updates from a loading state to the final chart once the asynchronous data fetch completes.

AI-generated description

Using React to render data about CSS named colors.

Comments

Sign in to join the discussion.

MIT Licensed