Skip to main content
Explore
Solutions
Bespoke Studio
Pricing
Quick Start
Demo
Log in
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Send feedback
✕
Tell us what works and what could be better. We read every submission.
Home
•
Fork Viz
Fork Viz
Create your own copy of this visualization.
Forking from
Pathetic Bar Chart
Title
*
Description
This example displays the ten most populous countries as a set of horizontal bars, with no axes or labels, hence the “pathetic” title. The bars are drawn as SVG rectangles, with their width proportional to each country’s 2020 population from the UN World Population Prospects 2019 dataset. The React app loads CSV data via `d3.csv`, then uses `d3.scaleBand` for the y-axis country categories and `d3.scaleLinear` with `d3.max` to map population values to pixel widths. The chart renders purely as positioned `rect` elements within a fixed 960×500 viewBox.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz