Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar Chart

Public visualization

Pathetic Bar Chart

0 stars1🌍 Public
TTakashi-KK
Last edited Sep 9, 2022
Created on Sep 9, 2022

This example, titled "Pathetic Bar Chart," displays the top ten countries by population from a 2021 UN dataset, loaded via `d3.csv`. It renders a simple horizontal bar chart where each bar's width is proportional to population, using React components to create SVG rectangles. The code employs D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with data mapping handled directly in the React render. The visualization is intentionally minimal, showing raw population values without labels or axes, highlighting the contrast between the data’s significance and the stark presentation.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed