---
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: markdown
---

# 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](https://jointjs.com/demos/force-directed-layout).

## Available Versions

- [TypeScript](./ts/)

## Screenshot

![screenshot](./screenshot.png)