Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

42. D3 Axes

Public visualization

Viewing a saved revision (read-only)

a3685fc89b494597b97b5c2d6030d3da

42. D3 Axes

0 stars1🌍 Public
Aamakanju@nyit.edu
Last edited Feb 26, 2026
Created on Feb 9, 2026
Forked from 41. D3 Time Scale

This example demonstrates how to add an axis to a scatter plot using D3.js version 4. A dataset of coordinate pairs is plotted as circles, with each circle’s size scaled by its y-value using a square-root scale. The visualization renders in SVG and includes a bottom axis created with `d3.axisBottom()`, while linear scales (`d3.scaleLinear`) map the data domain to the visual range. Red text labels display each point’s coordinates next to the circles.

AI-generated description