block by rpgove 98820c49a3d7fd0d4d628402536aa60b

Faster Force-Directed Graphs with d3-force-reuse

Full Screen

A simple example showing how to use d3-force-reuse. This library provides d3.forceManyBodyReuse(), which is a faster replacement for d3.forceManyBody() included in d3-force. d3-force-reuse achieves this performance improvement by reusing Barnes-Hut approximations instead of calculating a new one at each tick of the algorithm. See d3-force-reuse and the research paper for more details:

Robert Gove. “It Pays to Be Lazy: Reusing Force Approximations to Compute Better Graph Layouts Faster.” Proceedings of Forum Media Technology, 2018. Preprint PDF.

Forked from Mike Bostock’s force-directed layout example.

index.html

d3-force-reuse.js

miserables.json