JavaScript is required

Export Visible Graph Area Image

This example shows how to capture only the currently visible relation-graph viewport and present the result inline as both an image preview and a Base64 string. It also demonstrates how to temporarily include or exclude the built-in toolbar and minimap from the captured image.

Edit on GraphPilot

Capture the Current Visible Graph Area as an Image

What This Example Builds

This example builds a viewer-style relation graph with a floating utility window for screenshot generation. The canvas shows a compact blue graph with circular nodes, relation lines, the built-in toolbar in the top-right corner, and an optional minimap overlay.

The main workflow is viewport-dependent capture. After the user pans or zooms the graph, the example can generate an image from exactly the currently visi