Practices

• Flow Chart

• DAG for AI Model

• DAG for Data Processing

• ER

• MindMap

• BPMN

• Swimlane

• ELK

• Organizational Charts

• Organizational Charts

• UML Class

• Expand/Collapse the Tree

Native Node

• Rectangle

• Ellipse

• Circle

• Path

• Polygon

• Polyline

• Image

• Text Block

Custom Node

• Custom Node with SVG

• Cylinder

• Custom Node with SVG

• Custom Node with React

• Custom Switch Node

Port

• Default Port

• Use Group to Custom Port Style

• Add or Remove Port Dynamically

• Connect to Port

• Render Port with React

• Label of Port

• Absolute Position of Ports

• Uniform Distributed Ports Along the Rectangle

• Uniform Distributed Ports Along the Line

• Uniform Distributed Ports Along the Ellipse

• Ports Along the Ellipse

• Auto Rotate Ports Along the Arc

• Custom the Position of Ports

• Place Label On the Side of Port

• Place Label Inside/Outside of Node

• Place Label Outside of Ellipse

Group

• Embedding Nodes

• Auto Update Edge's Parent

• Embedding by Drag and Drop

• Restrict the Movement of Child Nodes

• Auto Expand/Shrink the Parent Node

• Collapse/Expand the Parent Node

Node Tools

• Custom Button

• Delete Button

• Boundary Box

• Text Editor

• ToolTip For Port

Style

• Default Edge

• Gradient Edge

• Cross Filled Edge

• Custom Shape On the Edge

• Custom Click Event

Marker

• Native Markers

• Custom Marker with Path

• Custom Marker with Base Shapes

• Custom Marker with Image

• Custom Marker with Complexity Path

Label

• Use SVG to Render Label

• Use HTML to Render Label

• Use React to Render Label

• Render Multiple Labels

• Label Along Path

Router

• Normal Router

• Orth Router

• Orth Router With Vertices

• ER Router

• ER Center Router

• Manhattan Router

• Metro Router

• OneSide Router

• Custom Random Router

Connector

• Normal Connector

• Rounded Connector

• Smooth Connector

• Jumpover Connector

• Quadratic Bessel Curve

• Custom Wobble Connector

• Multiple Smooth Edges

Edge Tools

• Vertices

• Segments

• Button

• Remove Button

• Arrowheads

• Boundary

• ContextMenu

• Tooltip

General Layout

• Grid

• Circular

• Dagre

• Ellipse

• Force

Tree Layout

• Mindmap