Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars2🌍 Public
SShweta-tech
Last edited Jan 5, 2020
Created on Jan 4, 2020
Forked from React Starter

This example shows a horizontal bar chart ranking the ten most populous countries, with population values scaled to thousands and formatted with abbreviations like "B" for billions. It uses D3 v5 within a React wrapper, reading data from a CSV file and rendering SVG elements. The chart customizes axes using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with tick formatting via `d3.format` and grid lines created by negative tick sizes.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed