How-To Guides | VizCraft

📄️ Nodes & Shapes

Create and style nodes with 22 built-in shapes, drop shadows, sketch mode, embedded images, and icons.

Route edges, add markers and labels, use ports for precise anchoring, create self-loops and dangling edges.

Position nodes manually, use the grid system, or apply automatic layout algorithms.

Add motion to your visualizations with timeline-based animations, CSS animations, and playback controls.

Add annotation layers, signals, selection rectangles, and custom overlay kinds.

Handle click events, hit testing, port snapping, rubber-band selection, tooltips, and pan/zoom.

Containers, scene mutations, node resizing, z-ordering, plugins, serialization, SVG export, and perimeter anchors.