Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

37. D3 Scale Plot Inverted

Public visualization

Viewing a saved revision (read-only)

f04dc80cd678431f8d99445729b7d114

37. D3 Scale Plot Inverted

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

This example demonstrates an inverted linear scale plot using D3.js. Ten data points, each represented as a circle and a red text label, are positioned on a 500x100 pixel SVG canvas. The visualization shows how the y-axis is flipped by mapping the domain’s maximum value to the bottom of the range and the minimum to the top, using `d3.scaleLinear()`. The circle radius is calculated as the square root of the height minus the y-value, creating a size variation tied to the data.

AI-generated description