Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed