---
layout: example
title: Force Directed Layout Example
permalink: /examples/force-directed-layout/index.html
spec: force-directed-layout
image: /examples/img/force-directed-layout.png
---

Network layout by [force-directed placement](https://en.wikipedia.org/wiki/Force-directed_graph_drawing). Uses Vega's [force](../../docs/transforms/force) transform to simulate physical forces such as charge repulsion and edge constraint. Drag nodes to reposition them.

{% include example spec=page.spec %}
