Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored & Stylized Bar Chart

Public visualization

Refactored & Stylized Bar Chart

0 stars1🌍 Public
DDean Bozic
Last edited Oct 26, 2020
Created on Oct 20, 2020

A vertical bar chart displays the top 10 most populous countries based on UN Population data for 2020, with the population values encoded by bar length on a linear scale and countries ordered along a categorical band scale. D3’s `scaleLinear` and `scaleBand` position the marks, while `format('.2s')` converts large numbers to readable abbreviations like “B” for billions. Tooltips expose exact values on hover. The React-based implementation separates axes and marks into reusable components, applying SVG rendering with margins and external Poppins font styling.

AI-generated description

Basic D3 bar chart (with React). It includes basic rendering, filtering data before visualization, and the margin convention.

Comments

Sign in to join the discussion.

MIT Licensed