Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a bar chart

Public visualization

Viewing a saved revision (read-only)

7425185609db499d8e0caf85ba8d694b

Making a bar chart

0 stars0🌍 Public
HHenryJulienDesgranges
Last edited Oct 16, 2020
Created on Oct 14, 2020
Forked from HTML Starter

This example shows a horizontal bar chart ranking the ten most populous countries, with population values converted to billions and labeled accordingly. It uses D3 v6’s `csv` loader to parse the data, `scaleLinear` and `scaleBand` for positioning, and `axisLeft` with `axisBottom` for the axes. The SVG rendering includes a custom tick formatter that replaces “G” with “B,” gridlines via negative tick sizes, and styled text for the title and axis labels.

AI-generated description