documentationfor yFiles for HTML 2.6

EdgeBundling

An EdgeBundling instance defines if and how the edges of a graph should be bundled by a layout algorithm, given that the algorithm supports edge bundling.

Inheritance Hierarchy
EdgeBundling

Remarks

Bundling together multiple edges means that their common parts are to some degree merged into a bundled part. At the source and target point, the edges are again clearly split. Edge bundling is useful to increase the readability of graph drawings with a high number of edges that connect a comparably small number of nodes. Without bundling, such drawings can often contain visual clutter and feature bad readability.

The bundling strength and quality are global settings for the bundling process. On the other hand, each edge can get specific settings by assigning a EdgeBundleDescriptor to it. A IDataProvider can be registered with the input graph with key EDGE_BUNDLE_DESCRIPTOR_DP_KEY to assign descriptors to edges. This allows, for example, to define which edges should actually be bundled.

The following layout algorithms/stages currently support bundling.

Example of edge bundling with CircularLayout Example of edge bundling when applying TreeReductionStage and BalloonLayout on a general graph

Default Values of Properties

bundlingQuality0.5
bundlingStrength0.95
defaultBundleDescriptorEdgeBundleDescriptor

Type Details

yfiles module
layout-core
yfiles-umd modules
All layout modules, view-layout-bridge
Legacy UMD name
yfiles.layout.EdgeBundling

See Also

Constructors

Properties

Constants