Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar Chart

Public visualization

Viewing a saved revision (read-only)

271a1b5fb0e14f229c3745c3a6259e2d

Pathetic Bar Chart

0 stars1🌍 Public
TTaeyoung Ahn
Last edited Sep 5, 2021
Created on Sep 4, 2021

This example shows a bar chart of the top ten countries by 2020 population, with bars extending across the full viewport width. It loads data from a CSV file using D3’s `csv` utility and stores it in React state. The chart uses `scaleBand` for the y-axis countries, `scaleLinear` for the x-axis population values, and renders SVG rectangles via React. The graph lacks axes, labels, and spacing, making bars appear flush against one another and the screen edges, hence its “pathetic” description.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to render the data.