Graphs/Proportional Symbol Map

Edit src/renderers/d3/geo/proportional-symbol.ts and save to see changes across all configurations

Tests: 36Sections: 8
Container SizesSame world cities dataset at different container dimensions
Small500×350 · 16 rows
Medium700×450 · 16 rows
Large900×550 · 16 rows
Wide1000×400 · 16 rows
Tall500×600 · 16 rows
Map TypesWorld cities vs US cities, with and without explicit coordinates
World cities (lat/lon)800×500 · 16 rows
World cities (name lookup)800×500 · 16 rows
US cities (lat/lon)800×500 · 12 rows
Bubble Size RangesDifferent min/max radius for proportional circles
Small bubbles [2, 20]750×450 · 16 rows
Medium bubbles [4, 40] (default)750×450 · 16 rows
Large bubbles [8, 60]750×450 · 16 rows
Color SystemCategorical palettes and highlight modes for city markers
Default (Categorical)750×450 · 16 rows
Warm Palette750×450 · 16 rows
Highlight: Tokyo750×450 · 16 rows
Multi-Highlight750×450 · 16 rows
Local Base MapsProportional symbols over local topojson continent and country maps
Europe cities on Europe map800×550 · 12 rows
Japan cities on Japan map600×650 · 10 rows
India cities on India map600×650 · 9 rows
Brazil cities on Brazil map700×650 · 8 rows
China cities on China map800×600 · 9 rows
Russia cities on Russia map900×500 · 7 rows
Mexico cities on Mexico map800×550 · 7 rows
Australia cities on Australia map800×600 · 8 rows
Persistent LabelsText labels on dots — adaptive sizing, edge-flip, truncation
World cities with labels900×550 · 10 rows
US cities with labels800×500 · 12 rows
Dense labels (many close cities)800×500 · 8 rows
Small container (tiny circles hide labels)400×280 · 8 rows
Route LinesGreat-circle arcs connecting points in data order
Flight path (single route)900×550 · 7 rows
US road trip800×500 · 9 rows
Multi-route (3 airline routes)900×550 · 12 rows
Route with custom style800×500 · 4 rows
Edge CasesUnusual data shapes and boundary conditions
Single city700×420 · 1 rows
Overlapping cities (same area)700×420 · 6 rows
Unknown city names (no coords)700×420 · 4 rows
All same value700×420 · 8 rows
Extreme value range700×420 · 10 rows