Demonstrations Docs Features Download Purchase Blog Contact
‎☰
Demonstrations Docs Features Download Purchase Blog Contact
Try Now
Flowchart BuilderGroupsActive FilteringSchema BuilderLayoutsHierarchical Layout (Multiple roots)Path tracingFlowchart Builder - AngularSchema Builder - AngularGroups - AngularAngular SkeletonFlowchart Builder - ReactSchema Builder - ReactReact SkeletonFlowchart Builder - Vue2Flowchart Builder - Vue3Flowchart Builder - Svelte

This sample application is a builder for flowcharts. Questions, actions and outputs are supported.

  • Drag new nodes from the palette on the left onto whitespace to add new disconnected nodes
  • Drag new nodes from the palette on the left onto on edge to drop a node between two existing nodes
  • Drag from the grey border of any node to any other node to establish a link, then provide a description for the link's label
  • Click a link to edit its label.
  • Click the 'Pencil' icon to enter 'select' mode, then select several nodes. Click the canvas to exit.
  • Click the 'Home' icon to zoom out and see all the nodes.