Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart

Public visualization

Viewing a saved revision (read-only)

9139b112714046b8a3892520d94322bc

Bar Chart

0 stars0🌍 Public
GGuus Lammers
Last edited Mar 3, 2022
Created on Mar 3, 2022

A horizontal bar chart displays the top 10 countries by population in 2020, using data from a CSV file loaded via `d3.csv`. React renders SVG `<rect>` elements, positioning each bar with `d3.scaleBand` and scaling widths with `d3.scaleLinear` and `d3.max`. The bars appear in descending population order without axes or labels. The example demonstrates integrating D3 data loading and scales with React’s component-based rendering for a simple SVG visualization.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!