Skip to main content

How to utilize Map interactions & time playback

Neural Earth Studio offers interactive tools that let you explore your map data dynamically including tooltips, brushing highlights, coordinate display, and animated time playback for temporal datasets.

Santiago Cucalon avatar
Written by Santiago Cucalon
Updated over 4 months ago

What You’ll Learn in This Guide


1. Using map interactions

The Interactions menu lets you customize how users interact with your map β€” including hover behavior, brushing effects, and coordinate tracking.

To open the Interactions menu

  1. Click the Interactions icon in the map toolbar.

  2. Toggle switches next to the interaction types you wish to enable or disable.

  3. Choose from three interaction types:

    • Tooltip

    • Brushing

    • Coordinate

πŸ’‘ Note: Only one of Tooltip or Brushing can be active at a time.


2. Working with tooltips

Tooltips display information when you hover over data points on your map. You can customize which fields appear in the tooltip and even embed images or links.

To configure tooltips

  1. Open the Interactions menu.

  2. Enable Tooltip.

  3. From the Tooltip configuration menu, select which fields you want displayed.

Adding images to tooltips

  • If a field name includes <img> and the field content contains an image URL (e.g., http://my-image.com/example.png), the image will display directly in the tooltip.

Adding web links to tooltips

  • To make a tooltip clickable, include a field value starting with http:// or https://.

πŸ’‘ Pro Tip: Click on a point to pin its tooltip to the map. To unpin it, click the blue pin icon.


3. Using brush highlighting

Brushing highlights data dynamically as you move your cursor over the map.

  1. Open the Interactions menu and enable Brushing.

  2. As you move your cursor, only the area you hover over remains illuminated β€” all other layers dim automatically.

  3. Brushing works especially well with arc or line layers for visualizing connections or movement.

πŸ’‘ Pro Tip: Use brushing to highlight spatial relationships or directional flows across your datasets.


4. Displaying coordinates

When Display Coordinates is enabled, a small panel showing latitude and longitude follows your mouse pointer.

  1. Open the Interactions menu.

  2. Toggle Coordinate on.

  3. Move your mouse across the map to see real-time coordinate updates.

πŸ’‘ Pro Tip: Display Coordinates is useful for quickly identifying precise locations or verifying geospatial alignment.


5. Using time playback

The Time Playback feature animates time-series data to visualize changes over time.

To create a playback animation

  1. Add a filter based on a time-related field (e.g., timestamp).

    • For GeoJSON data, ensure your property field contains a valid timestamp.

  2. The Playback window will appear at the bottom of your map.

    • The bars represent the distribution of data points over time.

  3. Select your desired rolling time window.

  4. Click Play to start the animation.

  5. To adjust playback speed, click the speed value (1x, 2x, 4x) in the top-right corner.

Utilize a custom Y-Axis

  • Click Select Y Axis to change the default distribution graph into a time series of a specific column.

    • Example: show distance vs. time for a trip or event.

πŸ’‘ Pro Tip: Use time playback to visualize event progression, asset movement, or risk evolution over time.

Did this answer your question?