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
Axes with React & D3
Title
*
Description
This example shows the top 10 most populous countries as horizontal bars, with an x-axis of population ticks and y-axis country labels, all rendered as SVG. The chart is built using React for state and component structure, while D3 v5 functions (`d3.scaleBand`, `d3.scaleLinear`, `d3.max`) handle scaling and tick generation. Data is loaded asynchronously from a CSV of United Nations World Population Prospects 2019, and the axes are manually positioned inside a transformed `<g>` element.
Visibility
Public
Private (only you), Pro
Unlisted (anyone with link)
Private work requires Pro.
Upgrade
Cancel
Fork Viz