Viewer help: how to interact with the inline diagram

[alderg]

Diagrams from the assistant show in the chat as an interactive draw.io viewer.

Guides: Viewer help · Prompting guide · Diagram types and examples · Gallery · Editing and styling · Install options and output formats

Mouse and trackpad

Gesture	Action
Drag	Pan the diagram
Double-click	Zoom in at the pointer; double-click again to fit the whole diagram
Ctrl + scroll (Windows, Linux) · ⌘ + scroll (macOS)	Zoom at the pointer
Pinch	Zoom at the pointer
Scroll, one-finger swipe	Scroll the chat, not the diagram

Plain scrolling moves the chat, so the diagram doesn't trap scrolling. In fullscreen, scrolling zooms and a one-finger drag pans.

Toolbar

Button	Action
− / +	Zoom out, zoom in
1:1 / Fit	Switch between zooming in and fitting the whole diagram
Open in draw.io	Open the diagram in the draw.io editor, to edit, save or export it
Copy	Copy the diagram as draw.io XML. Paste it into draw.io.
Download	Save the diagram as a .drawio file, in apps that allow downloads
Fullscreen	Fill the chat area with the diagram
Expand	Give a tall diagram more height. Select again to collapse.
Layout	Mermaid flowcharts: switch between Mermaid's layout and a layered automatic layout
?	Open this help

Live preview

In apps that stream the diagram while the assistant writes it (Claude), the shapes appear one by one and the connectors draw in between them. When it is done, the viewer fits the diagram. A tall diagram shows its top at a readable size, and the bottom edge fades while more is below: use Fit or Expand to see all of it.

Changing the diagram

Ask for changes in the same chat: "add a cache between the API and the database", "use the dark theme". The viewer passes the diagram as shown, including a layout you switched to, back to the assistant (in Claude, and in other apps that support it), which changes what you asked for and keeps the rest. See Editing and styling.

Reporting problems

If something looks wrong (missing connectors, a broken layout, a viewer that doesn't finish), open an issue with a screenshot and the prompt.