Svelte Globe

Examples

Preview complete globe compositions and reuse the source when you want more than the basic usage patterns.

Neon Globe

Focuses AWS regions with a select-driven neon marker card, smooth camera easing, and lazy globe startup for better performance.

AWS Region

Europe West 2 (London)

eu-west-2

CDN Globe

Shows an edge network with draggable rotation, animated node overlays, and route arcs between regions.

iad1
sfo1
cdg1
hnd1
syd1
gru1
sin1
arn1
dub1
bom1
2.4 TB/s
1.8 TB/s
1.2 TB/s
890 GB/s
720 GB/s
650 GB/s

Sticker Globe

Anchors emoji stickers to globe markers so you can mix COBE rendering with HTML overlays.

🥐
🗼
🍎
🎭
🐨
🐪
🍕
🌮
🐘
🧊
🏄
🚲
🐉
🪆
🎮

Flight Globe

Combines draggable rotation with flight arcs, airport markers, and route labels derived from the shared showcase data.

✈️
✈️
✈️
✈️
✈️

Satellite Globe

Pins animated satellite beacons to elevated markers so the globe reads like a live orbital network.

🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️
🛰️

Polaroid Globe

Pins travel-photo cards to globe markers using showcase data so the overlay stays aligned with the rotating globe.

San Francisco San Francisco
New York New York
Tokyo Tokyo
Sydney Sydney
Beijing Beijing
Egypt Egypt
Pisa Pisa
Singapore Singapore