Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Megin convention

Public visualization

Megin convention

0 stars1🌍 Public
WWasanta Pruttisarikorn
Last edited Dec 27, 2022
Created on Dec 27, 2022
Forked from BarChart Dec 27

This example visualizes the top ten countries by 2020 population as a horizontal bar chart, using data loaded from a CSV file. The visualization is rendered as SVG through React components, with D3 v5 utilities (`csv`, `scaleBand`, `scaleLinear`, and `max`) handling data loading and scaling. The bars represent each country’s population, with lengths proportional to values, and a simple loading state displays text until data arrives. The code combines React hooks for state management with D3’s functional approach to create a clear, minimal population comparison.

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!

Comments

Sign in to join the discussion.

MIT Licensed