ELKJS Tree

Description

This example shows how to use ELKJS with Foblex Flow and Angular to generate automatic graph layouts. ELKJS is useful when you need more layout flexibility than a basic tree arrangement and want to experiment with layered or more advanced graph placement strategies.

Foblex Flow remains responsible for rendering and interaction. ELKJS calculates positions; your Angular app decides when to run layout and how to merge the results back into graph state.

That split keeps layout logic replaceable while preserving the same editor surface and interaction model.

Example

When to use it

• Generate automatic layouts for complex or dense graphs.
• Recompute node placement after data changes.
• Compare freeform editing with layout-assisted views.

If layout quality matters more than minimal configuration, ELKJS is usually the better starting point than a simpler tree-only approach.

Related docs and examples

• Dagre Layout Example
• Zoom Docs
• Angular Node-Based UI Library