Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

820222b48ba2403d93c1efcbee3711fa

Refactored Bar Chart

0 stars0🌍 Public
Yyejichun@naver.com
Last edited Sep 10, 2022
Created on Sep 10, 2022

This example shows a horizontal bar chart of the top 10 most populous countries in 2020, sorted by population. It uses React components to render the SVG, with D3 v7 utilities `scaleBand`, `scaleLinear`, `max`, and `csv` for data loading and scaling. The axes and bars are drawn via reusable React components, with accessor functions for data fields, and the chart updates once the CSV from the UN Population dataset is loaded.

AI-generated description

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