Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

b78f59a632584b678f84da5775ff30e1

Customizing Axes

0 stars1🌍 Public
Eezzep66
Last edited Nov 5, 2019
Created on Nov 4, 2019
Forked from HTML Starter

This example shows the populations of the ten most populous countries using a horizontal bar chart. D3 v5’s `scaleBand` and `scaleLinear` map countries and population counts to positions, while custom `axisBottom` and `axisLeft` axes display formatted tick labels and gridlines. The SVG renders steel-blue bars that turn navy on hover, with a tooltip displaying the exact population. Data is loaded from a CSV file and multiplied by 1000 before plotting.

AI-generated description

A bare minimum HTML page.

See also React Starter.