Browser Feature Gallery

Explore renderer-free diagram features in the browser, including viewing, editing, connectors, selection, and viewport behavior. Every page runs from a local static server and from GitHub Pages with the same relative paths.

Decision Tree Viewer

Static DiagramView example for a simple branching flow.

Open Example

State Machine Viewer

Static DiagramView example for state transitions and directed edges.

Open Example

Diagram Editor

Main end-user editor demo powered by DiagramEditor with a complete authoring workflow.

Open Example

Diagram Editor — Custom Theme

Same editor, different look. A warm indigo theme registered via ThemeRegistry and applied to the host with a single call — no CSS class overrides.

Open Example

Diagram Editor — Full Screen

The same default editor with no surrounding elements — the component fills the entire viewport. Open this on a small screen or tablet for maximum editing space.

Open Full Screen