Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Stylized Bar Chart

0 stars1🌍 Public
SSamirAhma
Last edited Nov 26, 2022
Created on Nov 25, 2022

This stylized bar chart shows the population of the top 10 countries in 2020, using horizontal bars with a teal fill and a clean, minimal axis design. The visualization is built with React and rendered as SVG, using D3 v5 utilities such as `scaleBand`, `scaleLinear`, and `csv` to load and scale the data. Axes are custom components that map tick values to grid lines and labels, while hover tooltips display formatted population values via the `title` element. The chart loads data from a CSV file containing UN population statistics.

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