🌍 Loading globe…
🌐
Globe3D
v1.0
Full Configuration Reference
Presets
Colors
Ocean
Motion
Camera
Countries
Export
API
🎨 Theme Presets
🌍 Country Color Palettes
Apply a data-visualization palette to all countries:
🗺 Region Highlight
Region color
Apply
📡 Live Events
— tap a country —
Clear log
🗺 Country Fill
Default fill
Hover fill
Selected A
pulse from
Selected B
pulse to
Sel alpha min
0.85
Sel alpha max
1.0
Hover highlight
✏️ Borders & Strokes
Default stroke
0.35
Stroke width
0.4
Selected stroke
0.9
Sel stroke w
1.2
Hover stroke
0.6
✨ Glow Effects
Selected glow
Glow color
0.9
Glow blur
18px
Hover glow blur
10px
Pulse speed
600ms
Pulse depth
0.45
🌌 Background
Page BG
Apply Colors
Reset
🌊 Ocean Gradient
Stop 1 (top)
0%
Stop 2 (mid)
50%
Stop 3 (bottom)
100%
Horizontal gradient
Top→bottom vs left→right
📐 Graticule (Grid Lines)
Show grid
Grid color
0.18
Grid width
0.4px
Grid spacing
10° (dense)
15°
20°
30° (default)
45°
60° (sparse)
90° (minimal)
Equator highlight
Equator color
0.35
Equator width
0.7px
Prime meridian highlight
Apply Ocean
🔄 Auto-Rotation
Auto rotate
Speed
0.15
Direction
East → West ▶
West → East ◀
Rotation Axis
Y (default)
X (tilt)
Z (spin)
XY diag
YZ diag
Wobble
Custom X
Y
Z
Set
🎬 Animation Quality
Mobile 30fps cap
Limits to 30fps on mobile for battery
Drag sensitivity
0.006
Pinch sensitivity
0.008
Click threshold
5px
🔢 Animation Frames
Zoom anim frames
40
Rotate-to frames
60
Slerp-back frames
50
Apply Motion
Reset View
⏸ Pause
▶ Resume
🔭 Field of View
FOV — mobile
55°
FOV — desktop
42°
Apply FOV
🔍 Zoom Distances
All values are multiples of FIT_Z (the distance where globe exactly fills viewport).
Zoom-out pull
1.05×
Zoom-in depth
0.68×
Min zoom (hard)
0.5
Max zoom (hard)
5.5
Scroll step
0.12
Zoom-in step btn
0.4
Apply Zoom
＋ In
－ Out
📐 Texture & Mesh Quality
Tex — mobile
1024 × 512 (fast)
2048 × 1024 (default)
4096 × 2048 (crisp)
Tex — desktop
2048 × 1024
4096 × 2048 (default)
Pixel ratio cap
2×
Sphere segments H
80
Sphere segments V
56
🌐 Starting Orientation
Set which location faces the camera on load:
Custom lat
°
lon
°
Fly
🎨 Colorize Countries
Add
Deselect all
Clear all
🎯 Fly to Country
Fly
Animates globe rotation + zoom-in to country
📊 Data Heatmap
Visualize a value (0–100) per country with a color ramp:
Color A (low)
Color B (high)
Demo dataset
Random values
Population (approx)
Land area (approx)
Apply Heatmap
✏️ Per-Country Stroke Override
Set stroke
Override border color for individual countries
📋 Current Config Snapshot
Copy this JSON to replicate your current settings programmatically:
Generate
📋 Copy
🖼 Export Globe as PNG
Capture the current globe render to a PNG file:
💾 Download PNG
🔗 Init Code Snippet
JS snippet to apply your config on globe ready:
Generate
📋 Copy
💡 Live Playground
// Examples — edit and run: // setCountryColor('EG','#e63946'); // zoomToCountry('JP'); animateZoom(ZOOM_IN_Z); // autoSpeed = 0.5; // COUNTRY_FILL = '#1a3a5c'; needRedraw=true;
▶ Run
Clear
🎛 Color & Setup API
🎥 Camera & Navigation API
🌐 Global Config Variables
📲 Native Bridge Events