ApexTree Demos

Browse all ApexTree sample demos. Click any thumbnail to see the live demo and source code.

FRAMEWORKS
Angular React Vue

Layout & direction

Top to Bottom View
Top to Bottom View
Bottom to Top View
Bottom to Top View
Left to Right View
Left to Right View
Right to Left View
Right to Left View
Dynamic View Change
Dynamic View Change
Radial Layout
Radial Layout
Radial Dendrogram
Radial Dendrogram

Node cards & styling

Default Cards
Default Cards
Minimal
Minimal
Rich Node Card
Rich Node Card
Org Chart with Metrics
Org Chart with Metrics
Per Node Options
Per Node Options
Per Node Size
Per Node Size
Auto Node Height
Auto Node Height
Expandable Cards
Expandable Cards
Count Badges
Count Badges
Node Wrappers
Node Wrappers
Custom Font Options
Custom Font Options

Edges & labels

Edge Color Mode
Edge Color Mode
Active Path Flow
Active Path Flow
External Labels
External Labels
External Labels (Left-to-Right)
External Labels (Left-to-Right)

Interaction

Expand/Collapse Nodes
Expand/Collapse Nodes
Batch Expand & Collapse
Batch Expand & Collapse
Group Leaf Nodes
Group Leaf Nodes
Collapse with Badges
Collapse with Badges
Selection
Selection
Focus Mode
Focus Mode
Semantic Zoom
Semantic Zoom
Lazy Children
Lazy Children
Command Palette
Command Palette

Motion & live data

Live Data Updates
Live Data Updates
Time Travel
Time Travel

Theming & platform

Dark Theme
Dark Theme
CSS Theming
CSS Theming
Accessibility
Accessibility
Localization & RTL
Localization & RTL
ApexTree Demos - Interactive Tree Visualization Examples | ApexCharts.js