Feature

4 examples

Theme

4 examples

Switch Theme

Lite Solar System

3D Massive Data

Information Density

Scene Case

14 examples

Scene Case

8 examples

England

Music Festival

Fund Flow

Organization Chart

System Performance Diagnosis Flowchart

Sub Graph

Why Do Cats?

Snake Flow Diagram

TreeGraph Scene Case

6 examples

Indented Tree

Mind Map

Anti-Procrastination Fishbone Diagram

Product Profitability Below Expectations

Radial Dendrogram

Radial Compact Tree

Graph Layout

52 examples

Force-directed Layout

10 examples

Clustering Force Layout

Force-Atlas 2 Layout

D3 Force Layout

Customize Layout Parameters For Different Nodes

Prevent Overlap in d3-force Layout

Drag Fixed Nodes

Force Directed Bubble Chart

3D Force Layout

Mesh Layout

Collision Layout

Dagre Layout

3 examples

Dagre Layout

Dagre with Combos

Dagre.js Layout

Combo Layout

1 examples

Combo Combined Layout

CompactBox

3 examples

CompactBox Layout

Top to Bottom CompactBox

Radial Layout

Circular Layout

4 examples

Basic Circular Layout

Degree Ordered

Spiral Layout

Divided Circular Layout

Dendrogram

3 examples

Dendrogram Layout

Vertical Layout

Radial Layout

Mindmap

4 examples

Auto Mindmap Layout

Right Side Mindmap Layout

Left Side Mindmap Layout

Custom Mindmap Layout

Indented

5 examples

Two Side Indented Layout

Right Side Indented Layout

Left Side Indented Layout

Custom Side Indented Layout

No Drop Cap Indented Layout

Radial Layout

4 examples

Basic Radial Layout

Strict Radial Layout with Overlap Prevention

Non-strict Radial Layout with Overlap Prevention

Cluster Sort

Concentric Layout

1 examples

Concentric Layout

Fishbone Layout

1 examples

Fishbone Layout

Grid

1 examples

Grid Layout

MDS Layout

1 examples

Basic MDS Layout

Fruchterman Layout

4 examples

Basic Fruchterman Layout

Fruchterman Cluster Layout

Run in Web-worker

Run in GPU

Layout Mechanism

2 examples

Switch Layout

Change Data

Custom Layout

2 examples

Bi-graph Layout

Arc Diagram

SubGraph

1 examples

SubGraph Layout

Snake Layout

2 examples

Basic Snake Layout

Snake Layout with Gutter

Element

39 examples

Nodes

13 examples

Circle

Rect

Radius Rect

Diamond

Hexagon

Triangle

Image

Ellipse

Star

HTML节点

Donut

3D Node

Port

Edges

12 examples

Line

Polyline with Control Points

Orthogonal Line

Orthogonal Line with Control Points

Quadratic

Cubic

Vertical Cubic

Horizontal Cubic

Polyline Loop

Curve Loop

Nested Loop

Arrows

Combos

2 examples

圆形

矩形

Label

4 examples

Copy Content

Text Ellipsis

Word Wrap

Background

Custom Node

4 examples

React node

React node IDCard

G2 bar chart

G2 activity Chart

Custom Edge

3 examples

Custom Path

Extra Label

Custom Arrow

Custom Combo

1 examples

Extra Button

Behavior

26 examples

Intelligent tag control

1 examples

智能标签控制

Canvas Manipulation

6 examples

Drag Canvas

Scroll XY

Scroll Y

Zoom Canvas

Hide Elements When Dragging and Zooming

Scroll Canvas and Zoom Canvas

Combo Behaviors

2 examples

Expand/Collapse

Trigger of Expand/Collapse

Create Edge

4 examples

Create Edge by Drag

Create Edge by Click

Create Edge Between Combos

Custom Edge Style

Fix Element Size

3 examples

Fix Element Size While Zooming

Auto Size Label While Zooming

Fix Font Size While Zooming

Focus Element

1 examples

点击聚焦

Highlight Element

3 examples

Hover Element

Activate Relations

Configurations for Activate Relations

Inner Element Event

1 examples

Specify the shape response event

Select

4 examples

Click Select

Brush Select

Brush Combo

Lasso Select

Update Label

1 examples

Update Label

Animation

12 examples

Basic Animation

5 examples

Enter Animation

Edge Path In

Update Animation

Exit Animation

Combo Collapse/Expand

Persistence Animation

4 examples

Ant Line

Fly Marker

Fly Marker

Ripple

Viewport Animation

3 examples

Zoom Viewport

Translate Viewport

Rotate Viewport

Plugin

26 examples

Background

1 examples

Background Image

Bubblesets

1 examples

Use Bubblesets to wrap the node sets.

ContextMenu

1 examples

Context Menu

EdgeBundling

1 examples

Edge Bundling

EdgeFilterLens

1 examples

Edge Filter Lens

Fisheye

2 examples

Fisheye

Custom Fisheye

Fullscreen

1 examples

Fullscreen

Grid Line

1 examples

Grid Line

History

1 examples

Redo/Undo

Hull

1 examples

Use hulls to wrap the node sets.

Legend

3 examples

Default legend

Click legend

Item style

Minimap

1 examples

Minimap

Snapline

2 examples

Snapline

Snapline with auto snap

Timebar

2 examples

Time Mode

Chart Mode

ToolBar

2 examples

ToolBar

ToolBar

Tooltip

3 examples

Tooltip

Show on click

Dual tooltips

Watermark

2 examples

Text Watermark

Repeat Image

Transform

2 examples

Process Parallel Edges

2 examples

Bundle Mode

Merge Mode

Algorithm

4 examples

Graph Algorithm Practice

4 examples

Graph pattern matching

Shortest path

LP automatic clustering

LOUVAIN automatic clustering

Performance

3 examples

Massive Data

3 examples

More than 5000 elements

About 20000 elements

More than 60000 elements