Skip to main content

Interface: CircleLayoutOptions

Options for circular/orbit layout arrangement.

Properties​

PropertyTypeDescription
animate?LayoutAnimationWhether or how to animate elements into circular positions. Can be true or a builder callback (position, el, index) => to(position).duration(0.8).
center?ReactiveElementBase | PointCenter anchor point as [x, y] in stage units, or a center element (default: stage center).
centerElements?booleanWhether each element is centered on its orbit point (default: true).
duration?numberFallback duration in seconds if animate: true is used (default: 0.6s).
flatten?numberVertical squash factor, 0 = perfect circle, 1 = flat line (default: 0).
radius?numberOrbit radius in stage units (default: 28).
region?LayoutRegionAvailable space for the default center. Default: full stage.
span?numberAngular span in degrees (default: 360 for full circle).
startAngle?numberStarting angle in degrees (default: -90 for 12 o'clock top).