Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

281a4363817b4e1d88dc493d5546b65f

Stylized Bar Chart

0 stars1🌍 Public
SSai Phaltankar
Last edited May 29, 2022
Created on May 29, 2022

This stylized bar chart displays the top 10 countries by population for 2020, using a horizontal layout with rounded padding between bars. The visualization is built with React and D3 v5, employing D3's `csv`, `scaleBand`, `scaleLinear`, and `format` utilities to load and scale the data. SVG rectangles rendered via React component marks show the population values, with tooltips formatted using D3's SI notation (e.g., “1.43B”). The chart features a custom Poppins font and muted color palette applied through CSS.

AI-generated description

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