Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

2dcd263bbf534358b6d4fda97a209f6a

Fork of Stylized Bar Chart

0 stars0🌍 Public
SSam(Hessamoddin) Kaveh
Last edited Mar 22, 2021
Created on Mar 22, 2021
Forked from Stylized Bar Chart

This example presents a horizontal bar chart of the ten most populous countries, using data from the United Nations World Population Prospects 2019. It employs React for component structure and d3.scaleBand and d3.scaleLinear for layout, rendering SVG rectangles via a custom Marks component. Axes are built with d3’s scale ticks, and numeric labels use d3.format to convert values to billions. The chart includes a loading state and tooltips via SVG title elements.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

Data: United Nations World Population Prospects 2019.