Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

6b43874aaaa349b39c7437c98fc24ddc

Open

Refactored Bar Chart

0 stars1🌍 Public
JJohn Jeevasaeyan
Last edited Nov 7, 2021
Created on Oct 10, 2021

This example presents a horizontal bar chart of the top 10 countries by population for 2020, sourced from a UN population CSV file. The visualization uses React with D3 v5 utilities to load and scale the data, rendering SVG via React components. `scaleBand` positions country labels on the y-axis, while `scaleLinear` maps population values to bar widths, with reusable `AxisBottom`, `AxisLeft`, and `Marks` components structuring the chart.

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!