---
source: https://www.jointjs.com/demos/force-directed-layout
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/force-directed-layout/README.md
generated: 2026-04-10
format: plaintext
---

JointJS: Force Directed Layout

This demo features a force-directed layout in which only the entities have fixed positions. Attributes and relationships are automatically arranged around these entities. A radial force is applied to prevent overlap, and linkBias is disabled to improve the layout’s behavior with fixed nodes.

This demo is also available online at jointjs.com.

Available Versions

TypeScript

Screenshot

!screenshot