Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Legend!

Public visualization

Viewing a saved revision (read-only)

c2e75cb44c064e04bc0e8da80296f7ea

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