yFiles for HTML Demos Compact Disk Groups yFiles Demos

Start here

Compact Disk Layout for Group Content

This demo shows how to use the CompactDiskLayout to arrange the content of (circular) group nodes.

This layout is suitable when the group content should be arranged in a compact way and the child nodes have few or no edges between them.

It highlights the configuration of various aspects:

CompactDiskLayout packs child nodes within each group in compact, circular way.
Child nodes are ordered by nodeTypes, as indicated by their labels and colors.
RecursiveGroupLayout handles the group nodes recursively.
OrganicLayout arranges the top-level groups.

Demos

Layout Styles: Compact Disk Demo

Documentation