Canvas · Graphs and boards: node graph, flow chart, mind map, whiteboard

NodeGraph joins Nodes by wires between typed Ports: a title drags a
node, a drag out of an output lands on an input of the same kind, an
input takes one wire, and a press on a wired input lifts its wire.
Links join shapes on the plane and follow them, straight or at right
angles, with an arrow and words; the Connector tool draws them and the
Note tool drops a sticky note. A double press with Select writes on a
shape. FlowChart draws Steps as ellipses, boxes and diamonds with their
words. MindMap lays topics out from a root, half to each side, and asks
the owner to add, remove and rename by key. Whiteboard keeps its own
tool, view and selection over a board it hands back after each change.
Painting moves to canvas::paint; a press on the tool layer goes through
canvas::press, and the layer focuses itself and asks to delete.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

examples/gallery/pages/canvas/mod.rs

@@ -1,5 +1,7 @@
 use gpui::{AnyElement, App, Window, div, prelude::*};
 
+mod boards;
+mod graphs;
 mod looks;
 mod panels;
 mod plane;
@@ -47,5 +49,9 @@ fn render(window: &mut Window, cx: &mut App) -> AnyElement {
         .child(panels::arrange(window, cx))
         .child(looks::styles(window, cx))
         .child(looks::rules(window, cx))
+        .child(graphs::nodes(window, cx))
+        .child(boards::flow(window, cx))
+        .child(boards::mind(window, cx))
+        .child(graphs::board(window, cx))
         .into_any_element()
 }