Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axes

Public visualization

Customizing Axes

0 stars0🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed