Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

customizing axes

Public visualization

Viewing a saved revision (read-only)

c3b8806f3bed495c85cd6398d0e5d82d

customizing axes

0 stars2🌍 Public
Llinkshady
Last edited May 15, 2020
Created on May 15, 2020

This example shows a horizontal bar chart of population by country, with customized axes that remove the default axis lines and use formatted tick labels (abbreviating millions with "B"). The chart is built with React and rendered as SVG, using D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, and `format`. Population data is loaded from a CSV file and multiplied by 1000, with grid lines generated via negative tick sizes and axis titles added as text elements.

AI-generated description

A bare minimum HTML page.

See also React Starter.