Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

48. D3 Axes Format

Public visualization

Viewing a saved revision (read-only)

2514c9174a114a0d834b1d8327c01e87

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