Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ef47d9dd232b48019c32ba42d75787aa

Open

Stylized Bar Chart

0 stars1🌍 Public
Tthomasjungcoe
Last edited Mar 15, 2021
Created on Mar 13, 2021

A stylized bar chart displays the top 9 countries by projected 2020 population from a UN dataset. The code uses D3's `scaleBand`, `scaleLinear`, `max`, and `format` to map values, while React components `AxisBottom`, `AxisLeft`, and `Marks` render the SVG axes and bars. Population values are formatted with SI prefixes, and the chart loads data via `csv` with a custom row parser.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.