Render Modes
Georender supports 4 distinct render modes, each designed for different types of geographic storytelling.
Overview
| Mode | Best For | Key Features |
|---|---|---|
| Route Animation | Shipping routes, travel paths | Animated vehicle, smart routing, HUD stats |
| Region Focus | Zooming into locations | Cinematic zoom, region labels, 3D terrain |
| Multi-Route | Trade networks, distribution | Multiple destinations, data labels, custom colors |
| Country Data | Choropleth maps, statistics | Country fills, animated labels, data visualization |
Route Animation (Default)
The default mode. Animates a route between waypoints with a moving vehicle icon. Perfect for shipping routes, travel videos, and supply chain visualizations.
{
"mode": "route_animation",
"waypoints": [
{ "lat": 29.9792, "lng": 32.5731, "label": "Suez Canal" },
{ "lat": 1.2644, "lng": 103.8176, "label": "Singapore" }
],
"transport": "ship",
"style": "maritime-dark",
"duration": 12
}Full route animation documentation →
Region Focus
Zooms into a specific geographic region without route animation. Great for highlighting locations, chokepoints, or areas of interest.
{
"mode": "region_focus",
"region_focus": {
"center": { "lat": 30.0444, "lng": 31.2357 },
"name": "Suez Canal",
"start_zoom": 2,
"end_zoom": 8,
"rotation_degrees": 15
},
"style": "satellite",
"duration": 10
}Full region focus documentation →
Multi-Route
Shows multiple routes from a single origin to multiple destinations. Perfect for trade networks, distribution maps, or comparing routes.
{
"mode": "multi_route",
"multi_route": {
"origin": { "lat": 31.2304, "lng": 121.4737, "label": "Shanghai" },
"routes": [
{ "lat": 51.5074, "lng": -0.1278, "label": "London", "data_label": "35 days" },
{ "lat": 40.7128, "lng": -74.0060, "label": "New York", "data_label": "28 days" },
{ "lat": -33.8688, "lng": 151.2093, "label": "Sydney", "data_label": "14 days" }
]
},
"style": "standard",
"duration": 20
}Full multi-route documentation →
Country Data
Highlights countries with fill colors and data labels. Perfect for choropleth visualizations, trade statistics, and geopolitical content.
{
"mode": "country_data",
"country_data": {
"countries": [
{ "iso_code": "CN", "fill_color": "#E63946", "name": "China", "data_label": "45%" },
{ "iso_code": "US", "fill_color": "#1D3557", "name": "USA", "data_label": "25%" },
{ "iso_code": "DE", "fill_color": "#457B9D", "name": "Germany", "data_label": "15%" }
]
},
"style": "geopolitics",
"duration": 15
}