Simple Example

Node Style

Node slot - Fully customize node content.

Node Style And Content 1

Node Style And Content 2

Node Style And Content 3

Node Style And Content 4

Node Style And Content 5 VIP

Hand Drawn Style

Node Style And Content 5 VIP

Line Style

Line Shape and Label

The Gap Of line and node VIP

Multi Lines Gap

Line DashStyle and Animation

Custom Line Style

Custom Line Animation

Custom Line Checked Style

Custom Line Style Pro

Customize Line Arrows

Graph Theme VIP

“Theme & Layout” Switch E-VIP

Advanced Line Usage

Gradient Color Line & Button On Path VIP

Fully Customize Line Slots

Fully Customize Line Slots1

Fully Customize Line Slots2

Simulated data flow path

el (H5 DIV) following the line path. VIP

Customize Line Text Position VIP

Text Position on Curve VIP

Text Position on Orthogonal VIP

Customer Line Shape 1 VIP

Customer Line Shape 2 VIP

Customer Line Shape 3

Line Text Background VIP

Tree Layout (tree)

Tree - Level Distance & Node Distance

Tree - Bothway Tree

Tree - Data and Line Direction

Ever-Changing Tree VIP

Center Layout (center)

Center Layout - Options

Force Layout (force)

Force - Force Coefficient Setting

Force - Performance Mode Test E-VIP

Tree - Performance Mode Test E-VIP

Force - Node Weight And Line Traction VIP

Force - Customer Force Layout VIP

Force - Customer Force Layout 2 VIP

Force - Galaxy Toys VIP

Folder Layout

Folder Layout 2 VIP

Manual Coordinate Setting (fixed)

Mixed Layout Simple E-VIP

Mixed Layout E-VIP

Mixed Tree Layout E-VIP

Edit layout of children network VIP

Mixed Layout Designer E-VIP

Mixed Layout Pro E-VIP

Mixed Layout Pro 2 E-VIP

Smart Tree Layout E-VIP

IO Tree Layout E-VIP

Use Dagre layout VIP

Use Dagre layout 2 VIP

Use Sigma.js layout VIP

Use D3 layout VIP

Custom Layout Algorithm

More Layout E-VIP

Bothway Tree

Income Statement Graph

Step by step Income Statement Graph

Industy Chain Graph

Investment Diagram VIP

Investment Penetration VIP

Display More Nodes Button VIP

Display More Nodes Button 2 VIP

Trade Relationship Graph

Model Invocation Relationship VIP

Table Relationship

Class Memebr & Interest Group

Inventory Structure Diagram VIP

Organizational Chart VIP

Scene Group

Scene Org

Scene Company

Scene Network

Scene Network 2

Easy to use Scene Network(Canvas Slot)

System Architecture Diagram

System Architecture Diagram Designer

Force Classifier

Force Classifier Pro

Scene Relationship

Scene Relationship 2 VIP

Panorama of chip design industry E-VIP

Find Min Path VIP

My Graph App E-VIP

PCB Chip Wiring Designer E-VIP

Zodiac compatibility VIP

Toys - Clock VIP

Toys - Force Sea Anemone VIP

Edit node size

Double click to edit node text

Drag to create nodes with preset styles VIP

Batch operations on nodes VIP

Custom Node Quick Actions VIP

Create line from node VIP

The position of a line vertex on a node VIP

Edit Line “starting/ending” Vertex VIP

Edit “Line Text” & “Text Position” VIP

Edit Line “path” VIP

Customize Line toolbar VIP

Node alignment guides VIP

Canvas Caliper VIP

Thumbnail diagram VIP

Node collision detection and constraint VIP

Node Drag Handle VIP

Undo & Redo VIP

Freely draw lines on the canvas VIP

Freely Edit Nodes and Lines VIP

Metrics Summary Designer

System Architecture Diagram Designer

PCB Chip Wiring Designer E-VIP

Edit children network VIP

A small process editing tool E-VIP

Connect To Everything

Element Lines

Element Connect To Node

Edit Element

Node Content Lines

Kong Fu Map

World Map VIP

US Map VIP

Model Invocation Relationship VIP

Table Relationship

Class Memebr & Interest Group VIP

Dynamic Data Appending VIP

Dynamic Data Appending 2 VIP

Update Graph Data VIP

Dynamic Data Loading and Re-layout VIP

“Remove Button” On Line VIP

Drag and Drop to Add Nodes and Relationships VIP

Create Nodes and Relationships from Right-click Menu VIP

Save Data & Reopen Saved Data VIP

Edit & Save Data VIP

Multiple Relationship Networks

Multiple Relationship Networks 2

Multiple Relationship Networks 3

Isolated Nodes

Isolated Nodes 2

Isolated Nodes 3

Using Hierarchical Data

All Slots

Fully customize connection target

Customize Toolbar Position and Style

Customize Toolbar Buttons VIP

Customize Toolbar Tooltips VIP

Customize Expand/Collapse Button VIP

Effect and Control VIP

Node Filtering & Relationship Filtering VIP

Search Node VIP

Node Tooltip

Node/Line/Toolbar Tooltips

“Node & Line” “Tooltips & ContentMenu” VIP

Customize Fullscreen Action

Node/Line/Canvas ContextMenu

Custom Slots/Right-click Menu

Node Surround Menu Pro VIP

Canvas Event

Canvas Selection Event

Selection To Create Node

Node/Link Click Effect VIP

Hightlight Related Lines VIP

Hightlight Related Nodes VIP

Node's Children Nodes

Graph Resize Event

Specifying Zoom Level

Usage of Node Expansion/Collapse

Customize multiple expand buttons

Graph Initially Collapsed

Expand/Close All VIP

Expand Graph Animation VIP

Expand to Specified Level VIP

Focus Node By ID VIP

Switch layout VIP

Edit layout of children network VIP

Edit “Layout & Styles” of network VIP

Add & Edit network VIP

Multi Layout Switching VIP

Graph Selections VIP

Customize Canvas Drag And Wheel Event VIP

Disable Canvas Dragging/Zooming Node Dragging/Click

Graph Theme VIP

“Theme & Layout” Switch VIP

Partition Area in Graph

Node Grouping & Group Background VIP

Node Grouping & Group Background 2 VIP

Graph Offset

Center Layout Angle Offset VIP

Graph Initially Hidden

Expand/Collapse Animation

Expand/Collapse Animation 2

Customize Graph Background

Customize Arrows

Line Animation 1

More Line Animation

Generate an image from graph content VIP

Generate Base64 data from graph content VIP

Generate an image of the visible area only. VIP

Generate an image with background VIP

Generate an image with watermark VIP

GraphInstance API

My GraphInstance VIP