Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

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!

Comments

Sign in to join the discussion.

MIT Licensed