Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Viewing a saved revision (read-only)

3f348e3f28e5471a8e8a4b645fd168d7

Customizing Axes

0 stars1🌍 Public
Llars-ruijs
Last edited Nov 9, 2020
Created on Nov 4, 2020

A horizontal bar chart displays the top 10 most populous countries, using population values loaded from a CSV via `d3.csv`. The chart shows raw bars in dodger blue, with customized axes: the y-axis omits its domain line and tick lines, while the x-axis uses `d3.axisBottom` with a custom tick formatter that abbreviates large numbers and replaces 'G' with 'B'. The code leverages `d3.scaleLinear` and `d3.scaleBand` for scales, and `d3.format` for number formatting, with a labeled x-axis reading "Pupulation" and a chart title.

AI-generated description

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

See also React Starter.