Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Refactored Bar Chart

Public visualization

Fork of Refactored Bar Chart

0 stars0🌍 Public
FfaridTalmat
Last edited Nov 19, 2021
Created on Nov 19, 2021

This example displays the top 10 most populous countries as a horizontal bar chart using React and SVG, with data from the United Nations World Population Prospects 2019. The chart uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with bars rendered as SVG `<rect>` elements. Axes are constructed manually via `.ticks()`, and data loading and parsing are handled with `d3.csv` inside a custom `useData` hook. The visualization includes clearly labeled country names on the left and tick marks on the bottom axis.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed