Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Legend!

Public visualization

Viewing a saved revision (read-only)

d6c845688b974dbcb6f6312c3e7dc494

Legend!

0 stars0🌍 Public
Jjrodgh
Last edited Jul 20, 2020
Created on Jul 13, 2020

A custom legend displays a quantile color scale mapping six population values from 0.1 to 300 million to a sequential blue palette. The `d3.scaleQuantile` and `d3.formatPrefix` APIs generate rounded tick labels beneath rounded rectangular swatches. Each legend group is positioned via SVG transforms appended through D3’s data join pattern, with the entire visualization rendered as an SVG in a 960×500 viewport.

AI-generated description