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
Stylized Bar Chart
Title
*
Description
This example displays the top 10 most populous countries as a horizontal bar chart, with country names on the y-axis and population on the x-axis. It is built using React and D3 v5, relying on `scaleBand` and `scaleLinear` for positioning, and SVG for rendering. The data comes from the United Nations World Population Prospects 2019 dataset, loaded via `d3.csv`. Axis components (`AxisBottom`, `AxisLeft`) and bar marks (`Marks`) are custom React components, with tooltips provided by SVG `<title>` elements and population labels formatted using `d3.format`.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz