Skip to main content
100%

Customizing Axes

✓ Published0🌍 Public
Ppadmanabhan-rajendrakumar
Last edited Feb 9, 2020
Created on Feb 9, 2020
Forked from HTML Starter

This example creates a horizontal bar chart of the world's ten most populous countries, using D3.js version 5 with an SVG rendering approach. The bars are scaled linearly by population, with a custom axis formatter that converts values to billions using D3's `format` function and a `.replace('G', 'B')` call. The chart displays a title, an x-axis label, and removes default axis lines using `.remove()`. The data is loaded from a CSV file using `d3.csv`, with population values multiplied by 1000.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes