Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing Axis Fork

Public visualization

Viewing a saved revision (read-only)

655373422d7f48d5aa513406adb9dc36

Customizing Axis Fork

0 stars0🌍 Public
BBaffling Science
Last edited Apr 3, 2021
Created on Apr 3, 2021
Forked from Customizing Axis

A horizontal bar chart displays population data for seven countries, ranked from most to least populous. The visualization highlights the dramatic difference between China and India and smaller nations like Serbia, using a stark black-and-lime aesthetic with a hot pink title. Built with D3 v6 in SVG, the code uses `d3.csv` to load data, `scaleLinear` and `scaleBand` for positioning, and custom axis formatting via `axisBottom` and `format('.3s')` to abbreviate values. The chart removes default axis domains and gridlines, replacing them with custom ticks and labels styled through external CSS.

AI-generated description

This is Free Code Camp course code