Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

df91dbd7a05c4d3fa5266dc56c59992b

Customizing Axes

0 stars1🌍 Public
Ttrungngonptit
Last edited May 25, 2020
Created on May 25, 2020
Forked from Making a Bar Chart

This example shows a horizontal bar chart of the top 10 most populous countries, with populations read from a CSV file and scaled in thousands. It demonstrates customizing both axes: the y-axis removes its domain line and tick marks, while the x-axis uses a tick format to abbreviate large numbers (e.g., converting billions to "B"). The chart uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, and `format`, rendering as SVG within a React framework.

AI-generated description

A bare minimum HTML page.

See also React Starter.