Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

1) Bar Chart - Margin Convention

Public visualization

1) Bar Chart - Margin Convention

0 stars0๐ŸŒ Public
Bbrunoevione
Last edited Apr 2, 2021
Created on Apr 2, 2021
Forked from Hello VizHub

This example displays a bar chart of the top 10 most populous countries, but with all axes and labels removed, resulting in a "pathetic" chart where bars are unreadable without context. The visualization uses React state to fetch and parse the UN population data from a CSV, then renders the bars as SVG rectangles via the `d3.scaleBand` and `d3.scaleLinear` API, positioned within a fixed margin and viewport. The chart intentionally omits tick marks, gridlines, and text, leaving only colored rectangles whose lengths encode population values.

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