Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Refactored code -- stylized Bar chart

Public visualization

Refactored code -- stylized Bar chart

0 stars0๐ŸŒ Public
AAruj Joshi
Last edited Feb 1, 2022
Created on Feb 1, 2022

This visualization displays the top 10 most populous countries as a horizontal bar chart, using data from the United Nations World Population Prospects 2019. Built with React and D3 v5, the SVG renders bars, left-aligned country labels, and a bottom axis with population values formatted in billions. The code demonstrates reusable components (Marks, AxisBottom, AxisLeft) and accessor functions to decouple the data mapping, with styling applied via the Poppins font and a custom color scheme.

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