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

# JointJS: Force Directed Radial Force

This demo demonstrates the use of a radial force in the layout algorithm to prevent elements from overlapping. Elements are pushed away from a central point, creating a clear and evenly spaced arrangement.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/force-directed-radial-force).

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)