Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

9254fa479722401ca04633766bf99d82

Customizing Axes

0 stars2🌍 Public
Ssravaniboggaram
Last edited May 27, 2021
Created on May 24, 2021
Forked from Making a Bar Chart

A horizontal bar chart ranks the top 10 most populous countries, displaying population sizes along the x-axis with custom tick labels that abbreviate large numbers (e.g., “1.42B” for China). The example uses React with D3 v6, importing `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load `data.csv`, scale the data, and render SVG axes. It customizes the x-axis tick format via `format('.3s')` and applies styling to axis lines, ticks, and labels through CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.