Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

48. D3 Axes Format

Public visualization

Viewing a saved revision (read-only)

c9aa8073928148cbb5df37060ffabd40

48. D3 Axes Format

0 stars1🌍 Public
Aamakanju@nyit.edu
Last edited Feb 26, 2026
Created on Feb 9, 2026

This example demonstrates how to format axis tick labels as percentages in an SVG scatterplot using D3.js version 4.5.0. The code creates random data points, scales them with `d3.scaleLinear` and `d3.scaleSqrt`, and applies a custom percentage format via `d3.format(".1%")` to both the bottom and left axes using `d3.axisBottom` and `d3.axisLeft`. The axes are rendered as SVG groups, with circles representing the data.

AI-generated description