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

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
Custom Font Options
Custom Font Options

Edges & labels

Edge Color Mode
Edge Color Mode
External Labels
External Labels
External Labels (Left-to-Right)
External Labels (Left-to-Right)

Interaction

Expand/Collapse Nodes
Expand/Collapse Nodes
Group Leaf Nodes
Group Leaf Nodes
Collapse with Badges
Collapse with Badges
Selection
Selection

Theming & platform

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