!!!###!!!title=Force-Directed Node Grouping Layout——VisActor/VGraph demo!!!###!!!!!!###!!!description=Data description: A standard force layout cannot prevent overlaps between different groups. VGraph provides a grouping layout component for force layouts to avoid overlaps between groups. <br>Interactions: <code>double-click node</code> expand group node; <code>double-click GroupShape</code> aggregate group; <code>drag GroupShape</code> move the grouped nodes to a target position. <br><code>right-click GroupShape</code> ungroup; <code>right-click an ungrouped node</code> regroup; <code>right-click blank area</code> switch the GroupShape style.!!!###!!!

Force-Directed Node Grouping Layout

mobile

Data description: A standard force layout cannot prevent overlaps between different groups. VGraph provides a grouping layout component for force layouts to avoid overlaps between groups.
Interactions: double-click node expand group node; double-click GroupShape aggregate group; drag GroupShape move the grouped nodes to a target position.
right-click GroupShape ungroup; right-click an ungrouped node regroup; right-click blank area switch the GroupShape style.

PX
x
PX
%
Share