Theme

• Switch Theme

• Lite Solar System

• 3D Massive Data

• Information Density

Scene Case

• England

• Music Festival

• Fund Flow

• Organization Chart

• System Performance Diagnosis Flowchart

• Sub Graph

• Why Do Cats?

• Snake Flow Diagram

TreeGraph Scene Case

• Indented Tree

• Mind Map

• Anti-Procrastination Fishbone Diagram

• Product Profitability Below Expectations

• Radial Dendrogram

• Radial Compact Tree

Force-directed Layout

• 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

Snake Layout

• Basic Snake Layout

• Snake Layout with Gutter

Dagre Layout

• Dagre Layout

• Dagre with Combos

• Dagre.js Layout

Combo Layout

• Combo Combined Layout

CompactBox

• CompactBox Layout

• Top to Bottom CompactBox

• Radial Layout

Circular Layout

• Basic Circular Layout

• Degree Ordered

• Spiral Layout

• Divided Circular Layout

Dendrogram

• Dendrogram Layout

• Vertical Layout

• Radial Layout

Mindmap

• Auto Mindmap Layout

• Right Side Mindmap Layout

• Left Side Mindmap Layout

• Custom Mindmap Layout

Indented

• Two Side Indented Layout

• Right Side Indented Layout

• Left Side Indented Layout

• Custom Side Indented Layout

• No Drop Cap Indented Layout

Radial Layout

• Basic Radial Layout

• Strict Radial Layout with Overlap Prevention

• Non-strict Radial Layout with Overlap Prevention

• Cluster Sort

Concentric Layout

• Concentric Layout

Grid

• Grid Layout

MDS Layout

• Basic MDS Layout

Fruchterman Layout

• Basic Fruchterman Layout

• Fruchterman Cluster Layout

• Run in Web-worker

• Run in GPU

Layout Mechanism

• Switch Layout

• Change Data

Custom Layout

• Bi-graph Layout

• Arc Diagram

SubGraph

• SubGraph Layout

Nodes

• Circle

• Rect

• Radius Rect

• Diamond

• Hexagon

• Triangle

• Image

• Ellipse

• Star

• HTML节点

• Donut

• 3D Node

• Port

Edges

• Line

• Polyline with Control Points

• Orthogonal Line

• Orthogonal Line with Control Points

• Quadratic

• Cubic

• Vertical Cubic

• Horizontal Cubic

• Polyline Loop

• Curve Loop

• Arrows

Combos

• 圆形

• 矩形

Label

• Copy Content

• Text Ellipsis

• Word Wrap

• Background

Custom Node

• React node

• React node IDCard

• G2 bar chart

• G2 activity Chart

Custom Edge

• Custom Path

• Extra Label

• Custom Arrow

• Parallel Edges

Custom Combo

• Extra Button

Canvas Manipulation

• Drag Canvas

• Scroll XY

• Scroll Y

• Zoom Canvas

• Hover Activate

• Hide Elements When Dragging and Zooming

Combo Behaviors

• Expand/Collapse

Create Edge

• Create Edge by Drag

• Create Edge by Click

• Create Edge Between Combos

• Custom Edge Style

• Fix Element Size While Zooming

• Auto Size Label While Zooming

• Fix Font Size While Zooming

Focus Element

• 点击聚焦

Highlight Element

• Hover Element

• Activate Relations

• Configurations for Activate Relations

Inner Element Event

• Specify the shape response event

Select

• Click Select

• Brush Select

• Brush Combo

• Lasso Select

Update Label

• Update Label

Basic Animation

• Enter Animation

• Edge Path In

• Update Animation

• Exit Animation

• Combo Collapse/Expand

Persistence Animation

• Ant Line

• Fly Marker

• Fly Marker

• Ripple

Viewport Animation

• Zoom Viewport

• Translate Viewport

• Rotate Viewport

Background

• Background Image

Bubblesets

• Use Bubblesets to wrap the node sets.

ContextMenu

• Context Menu

EdgeBundling

• Edge Bundling

EdgeFilterLens

• Edge Filter Lens

Fisheye

• Fisheye

• Custom Fisheye

Fullscreen

• Fullscreen

Grid Line

• Grid Line

History

• Redo/Undo

Hull

• Use hulls to wrap the node sets.

Legend

• Default legend

• Click legend

• Item style

Minimap

• Minimap

Snapline

• Snapline

• Snapline with auto snap

Timebar

• Time Mode

• Chart Mode

ToolBar

• ToolBar

• ToolBar

Tooltip

• Tooltip

• Show on click

• Dual tooltips

Watermark

• Text Watermark

• Repeat Image

Graph Algorithm Practice

• Graph pattern matching

• Shortest path

• LP automatic clustering

• LOUVAIN automatic clustering

Massive Data

• More than 5000 elements

• About 20000 elements

• More than 60000 elements