Skip to content

Oracle ® Graph JavaScript API Reference for Property Graph Visualization - Release 25.1.0 - G23916-01

Exploration modes

Exploration modes

Modes¶

GVT supports three different modes for graph exploration (from left to right):

Select / Zoom
Fit to screen
Sticky mode

Select / Zoom mode¶

When Select / Zoom mode is off, users can freely explore the visualization by panning and zooming, allowing them to focus on specific groups of vertices and edges.
When Select / Zoom Mode is on, users can select multiple vertices and edges simultaneously within the visualization, allowing them to move them at the same time.

Fit to screen¶

When Fit to Screen is on, the visualization automatically adjusts to fit all vertices and edges within the available space, providing a complete view of the entire graph.
When Fit to Screen is off, the available space of the visualization dynamically expands as needed.

Sticky mode¶

When Sticky Mode is off, the positions of vertices and edges remain fixed. Even if users move vertices around, they will snap back to their original positions once released.
When Sticky Mode is on, the positions of vertices and edges are flexible. Users can move vertices and edges around, and their new positions will be retained until the mode is turned off.

Combination of modes¶

This is an explanation of what can be achieve with the combination of the modes:

Everything off¶

This provides a full view of the graph, where the positions of the vertices are fixed. Users can navigate around the visualization and zoom in or out as needed.

Select / Zoom mode on, fit to screen and sticky mode off¶

This allows the user to select one or multiple vertices, which is useful for actions like grouping or expanding. However, the positions of the vertices remain fixed since Sticky Mode is off.

Select / Zoom mode and fit to screen on, sticky mode off¶

This mode behaves similarly to the previous case, but with one key difference: when an action like "expand" generates a new set of vertices, the component automatically adjusts its size to fit all new vertices and edges.

Select / Zoom mode and fit to screen off, sticky mode on¶

The user can navigate the visualization, zoom in and out, and reposition vertices. These changes will be retained until the sticky mode is turned off.

Select / Zoom mode and sticky mode on, fit to screen off¶

The user can select multiple vertices and move them around, with their positions retained. Vertices can also be moved outside the visible region since Fit to Screen mode is off.

Everything on¶

The user can select multiple vertices and move them around, with their new positions retained. The visualization region will dynamically expand as needed to accommodate these changes.