Open App

Script Overview

Visualize your entire script with speed-colored line and heatmap views.

Overview

Script Overview with heatmap and line views

The Script Overview provides a condensed visualization of your entire script, displayed below the timeline. It uses an edge-to-edge canvas with a compact status bar at the bottom, giving you maximum visualization space.

The overview serves as both a speed analysis tool and a navigation aid, with two distinct view modes and full zoom and pan support.

View Modes

Switch between the two view modes using the Line and Heat buttons in the status bar at the bottom of the overview.

Line Mode

The default view. Displays a colored line graph plotting position (0-100) over time. Each line segment is colored based on the speed of that movement. A grid overlay shows position percentages on the Y-axis (0%, 25%, 50%, 75%, 100%) and time markers on the X-axis.

Line mode is best for seeing the shape of your script and identifying individual point positions and movement patterns.

Heatmap Mode

Displays speed as vertical colored bars spanning the full height of the canvas. Each bar represents a small time segment, colored by the average speed in that region. Time labels appear along the bottom.

Heatmap mode is best for quickly scanning the entire script to spot high-speed and low-speed sections at a glance.

Speed Visualization

Both view modes use the same four-tier color scheme based on the speed threshold (default 100 units per second):

Color Speed Level Range
Green Slow 0 to 25% of threshold
Amber Medium 25% to 50% of threshold
Orange Fast 50% to 100% of threshold
Red Very Fast Above threshold

A color legend with four dots is displayed in the bottom-left of the status bar for quick reference.

Speed Threshold
The default speed threshold is 100 units per second. Red sections indicate movements that may exceed your device's physical capabilities.

Zoom and Navigation

The overview supports zooming from 1x (full script) up to 10x magnification:

Action Behavior
Click Jump playback to the clicked time position
Drag Pan left and right through the script
Scroll Pan the view horizontally
Ctrl + Scroll Zoom in or out, centered on cursor position
+ / - buttons Zoom in or out by 0.5x increments

The current zoom level is displayed between the + and - buttons in the status bar (for example, 1.0x, 2.5x, 10.0x).

Tooltip

Hovering over the canvas shows a tooltip with context-sensitive information:

  • Line mode - Shows the time and position of the nearest action point
  • Heatmap mode - Shows the time, average speed, and number of points in that region

Status Bar

The compact status bar at the bottom of the overview contains:

  • Color legend - Four dots showing the speed color scale
  • View toggle - Line and Heat buttons to switch modes
  • Statistics - Four real-time metrics:
    • Dur - Total script duration
    • Pts - Number of action points
    • Avg - Average speed across all movements
    • Max - Maximum speed found in the script
  • Zoom controls - Minus button, current zoom level, plus button

Timeline Sync

The overview automatically synchronizes its scroll position with the timeline's visible range. As you navigate through the timeline, the overview pans to keep the same time region visible, while maintaining its own independent zoom level.

The playback cursor appears as a vertical blue line that tracks the current video playback position.

Tips

Use Heatmap for Quick Scanning

Switch to heatmap mode to quickly identify problem areas across your entire script. Red bars indicate sections that may exceed device capabilities.

Use Line Mode for Detail Work

Switch to line mode when you need to see individual point positions and the shape of movements. The grid overlay helps gauge position values.

Zoom In on Problem Sections

Use Ctrl + scroll to zoom into red sections for a closer look. The overview supports up to 10x magnification for detailed inspection.

Toggle Visibility

The Script Overview can be shown or hidden using the Overview Toggle in the sidebar. Hide it to maximize timeline space when you do not need it.