Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

custom axis

Public visualization

Viewing a saved revision (read-only)

721aa17bd6ef4c8f9a2a9647d135ac53

custom axis

0 stars1🌍 Public
FFrançois Plet
Last edited Jul 6, 2019
Created on Jul 6, 2019
Forked from custom axis

This example shows the populations of six countries as orange bars on an SVG chart, with a rotated and custom-formatted y-axis that abbreviates large numbers (e.g., "G" becomes "B" for billions). It uses D3 v5 APIs including `csv`, `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft`, and removes default tick lines and domains for a cleaner look. The data comes from `data.csv`, with a title and axis label added via SVG text elements.

AI-generated description