JavaScript is required

Generate an image with background

This example renders a left-to-right relation-graph tree, styles the graph canvas with layered gradients, and captures the prepared scene as an inline preview image. It is a focused reference for background-aware graph export, especially when the generated bitmap needs to stay inside the UI for review before download or reuse.

Edit on GraphPilot

Generate a Graph Image While Preserving the Canvas Background

What This Example Builds

This example renders a large left-to-right technical tree in relation-graph and turns the full prepared scene into an in-app screenshot preview. The visual result is not just the graph structure: the .rg-map surface is styled with layered radial gradients, so the export flow is designed to keep the canvas treatment visible in the captured image.

The user can press Generate Image, inspect the gene