Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Customizing axes!

Public visualization

Viewing a saved revision (read-only)

6a443089fedb4f6db0620f2d2aec3710

Customizing axes!

0 stars0🌍 Public
WWai Kit Tsang
Last edited Jul 6, 2020
Created on Jul 6, 2020

This example shows a horizontal bar chart ranking the top ten most populous countries, with population on the x-axis and country names on the y-axis. The visualization customizes both axes by removing domain lines, adding a formatted tick label that converts large numbers into billions, and including a descriptive axis title. Built with D3 v5, it uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render the chart as SVG, pulling data from a local CSV file. The bars are colored steelblue, and text styling is applied via an external stylesheet.

AI-generated description