This example shows how to export the full relation-graph scene as a downloadable image from custom UI controls. It loads a static left-to-right tree, prepares the graph for capture, converts the prepared DOM into a blob with modern-screenshot, and restores graph state after the download flow completes.

Export the Full Relation Graph as a Downloadable Image

What This Example Builds

This example builds a read-only relation-graph viewer whose main job is exporting the whole graph as an image file. The page shows a left-to-right tree with white rectangular nodes, curved labelled links, a floating description window, and a custom image button in a bottom mini toolbar.

Users can trigger the same export flow from two places: the floating panel and the graph-attached mini toolbar. The importan

Export Full Graph Image

Export the Full Relation Graph as a Downloadable Image

What This Example Builds