Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

46a9dc2660ec4a9faa3f30fa18a2fbe7

Customizing Axes

0 stars1🌍 Public
Lloicvdk
Last edited Dec 11, 2020
Created on Jul 22, 2020
Forked from Making a barchart

This example displays a horizontal bar chart of the top 10 most populous countries, with population values formatted in abbreviated units and a custom y-axis label. Built with React and D3.js v5, it uses `d3.csv` to load the data, `scaleLinear` and `scaleBand` to map values, and `axisLeft`, `axisRight`, and `axisBottom` to render axes. Custom tick formatting replaces the default 'G' suffix with 'B' to denote billions, and the SVG rendering includes explicit margin and inner-dimension calculations.

AI-generated description

React Starter code.