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)

e76020e4eb804f0893bb2c893f471344

Fork of Stylized Bar Chart

0 stars0🌍 Public
AAvonlea Fisher
Last edited Feb 19, 2021
Created on Feb 19, 2021
Forked from Stylized Bar Chart

This example displays the average unemployment rate for the top 10 most populous countries, rendered as a horizontal stylized bar chart with an SVG output using React. The chart uses d3.scaleBand and d3.scaleLinear to map countries and values, while d3.format formats tick labels. Data comes from the United Nations World Population Prospects 2019. Blue bars include a native SVG `<title>` element for tooltips, and loading states show "Loading..." via React hooks and the `useData` custom hook.

AI-generated description

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

Data: United Nations World Population Prospects 2019.