Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart v1 w/ React & D3

Public visualization

Viewing a saved revision (read-only)

ad7754d41a2b4c6ebe44e9049c119535

Bar Chart v1 w/ React & D3

0 stars1🌍 Public
SSophia Cofone
Last edited Jun 29, 2022
Created on May 20, 2022

This visualization displays a bar chart of the top 10 most populous countries in 2020, using data from the UN Population dataset. Bars extend horizontally from the left, with each bar's length proportional to the country's population, and countries labeled along the vertical axis. The example integrates React 16.9.0 for the user interface and declarative rendering, while D3 v5.11.0 utilities (`csv`, `scaleBand`, `scaleLinear`, `max`) fetch the CSV data and compute the scales. Both libraries—React for component structure and D3 for data processing—output an SVG graphic.

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!