Skip to main content
100%

Voronoi Force-Directed Graph without the nodes and links

✓ Published0🌍 Public
Aalexmacy
Last edited Jan 26, 2017
Created on Jan 26, 2017

This visualization combines a Voronoi diagram with a force-directed graph layout, but omits both the nodes and links for a purely polygonal aesthetic. Using the Les Misérables character co-occurrence dataset, the simulation positions the characters while a D3 v4 Voronoi tessellation partitions the space into colored cells based on their locations. The polygons are semi-transparent, with colors mapping to character groups, and the graph updates on every tick of the force simulation as the underlying node positions shift. The nodes and links are not rendered, leaving only the dynamic Voronoi cells—which shift and deform as the simulation runs—to reveal the underlying structure and group clusters. Users can drag the (invisible) nodes, causing the cells to rearrange accordingly.

AI-generated description

More experimenting with combining force-directed graphs and voronoi diagrams.

Also see:

  • <a href='http://bl.ocks.org/alexmacy/15962e97f7a9ebacd55710bf277593d4'>Force-Directed Voronoi Graph</a>
  • <a href='http://bl.ocks.org/alexmacy/acaa66956dd3325864091303d77e0d75'>Force-Directed Graph with hidden Voronoi</a>
gpl-3.0 Licensed

Similar vizzes