Free5 minutesbeginner

Globe Navigation & Controls

Master the 3D Globe controls - rotate, zoom, and navigate your global visitor data.

globenavigationcontrolszoomrotate
Last updated: January 15, 2025

Master the Globe controls to explore your visitor data from any angle and zoom level.

Mouse Controls

Rotating the Globe

Click and drag to rotate:

ActionResult
Drag leftRotate east
Drag rightRotate west
Drag upTilt down
Drag downTilt up

Tips:

  • Use smooth, steady movements
  • Release to let momentum continue
  • Click anywhere to stop rotation

Zooming

Control zoom with your scroll wheel:

ActionResult
Scroll upZoom in
Scroll downZoom out
Double-clickZoom to point

Zoom Levels:

  • Full globe: See entire Earth
  • Continental: Focus on a region
  • Country: Single country view
  • City: Maximum zoom level

Selecting Markers

Click to interact with visitor markers:

ElementClick Action
Visitor markerShow visitor detail card
Empty spaceClear selection

Clicking a visitor marker opens a detail card with information about that visitor's session, including location, page viewed, device, and referral source.

Touch Controls

Touch Gestures

For tablets and touchscreens:

GestureAction
One-finger dragRotate globe
Two-finger dragPan view
Pinch inZoom out
Pinch outZoom in
Tap markerSelect visitor
Double-tapZoom to point

Touch Tips

  • Use smooth gestures for best response
  • Lift fingers slowly to preserve momentum
  • The globe works on mobile but may perform better on larger screens

Control Bar

The globe has a control bar in the top-right corner with five buttons:

ButtonIconAction
Avatar SelectorUsers iconReserved for future use
ShareShare iconOpen the share/embed dialog
Music PlayerMusic iconToggle the ambient music player
ReloadRotate iconReload visitor data
FullscreenMaximize iconToggle fullscreen mode

Share Button

Click the Share button to:

  • Enable or disable globe sharing
  • Copy the public share link
  • View the current sharing status

Music Player

The music player provides ambient background audio while viewing the globe:

  • Choose from multiple genres (Lofi Hip Hop, Spaceship, and more)
  • Play, pause, skip tracks
  • Adjust volume
  • The music icon highlights purple when music is playing

Reload

Click Reload to refresh the visitor data. This is useful if you suspect the real-time feed has stalled, though the globe also refreshes automatically every 30 seconds as a fallback.

Fullscreen Mode

  1. Click the fullscreen icon or use your browser's fullscreen shortcut
  2. Globe expands to fill the entire screen
  3. All controls remain accessible
  4. Click the minimize icon to exit fullscreen

Activity Feed Panel

The left side of the globe view shows the Activity Feed:

  • Lists recent visitors in chronological order
  • Shows visitor avatar, country flag, and page viewed
  • Click any visitor in the feed to fly the globe to their location
  • The feed updates in real-time as new visitors arrive

Top Stats Overlay

The top area of the globe displays live statistics:

  • Current active visitor count
  • Page views
  • Bounce rate
  • Country and device breakdowns

You can click on stats items to filter the globe view by country, referrer, or device type.

Fly-to Animation

Click any visitor in the Activity Feed to smoothly animate the globe to that visitor's location:

  1. The globe rotates and zooms to center on the visitor
  2. If the visitor has city-level coordinates, it zooms to city level
  3. If only country-level data is available, it zooms to the country
  4. The visitor's detail card opens automatically

Returning to Global View

To return to the full globe view after zooming in:

  • Scroll out to zoom back
  • Drag to rotate to a different region
  • Click Reload to refresh and reset the view

Troubleshooting Controls

Globe Won't Rotate

  • Check if the page is focused (click on it)
  • Ensure WebGL is enabled in your browser
  • Try refreshing the page
  • Disable browser extensions that may interfere

Zoom Not Working

  • Scroll events may be captured by your browser or other page elements
  • Try using double-click to zoom in
  • Check touchpad settings on laptops

Lag or Stuttering

  • Close other browser tabs to free resources
  • Enable hardware acceleration in browser settings
  • Try a different browser (Chrome and Firefox work best)

Touch Not Responding

  • Ensure touch events are enabled in your browser
  • Check for conflicting gestures from other apps
  • Try single-finger operations first
  • Update your mobile browser

Tips for Best Experience

Optimal Setup

For smooth navigation:

  • Use a mouse with scroll wheel for precise zoom control
  • Enable hardware acceleration in your browser
  • Close unnecessary tabs to free resources
  • Use landscape orientation on mobile devices

For Presentations

When showing the Globe:

  • Enter fullscreen mode for maximum visual impact
  • Enable the music player for ambient audio
  • Pre-position the globe on your key region before starting

For Daily Use

For regular monitoring:

  • Keep the globe tab in the foreground for real-time updates
  • Use the Activity Feed to quickly navigate to new visitors
  • Click stats to filter by country or device

Next Steps

Was this article helpful?