Isometric Stack Diagram

Explain layered architecture with an isometric stack.

@sigil-ui/componentsReact

Preview

import { IsometricStackDiagram } from "@sigil-ui/components";

<IsometricStackDiagram layers={[{ label: "Application" }, { label: "Services", hatched: true }, { label: "Infrastructure" }]} />

Prop	Type	Default	Description
`layers` (required)	`IsoStackLayer[]`	—	Layers configuration.
`width`	`number`	—	Width of the rendered content.
`layerHeight`	`number`	—	Layer Height configuration.
`gap`	`number`	—	Gap configuration.

IsolationStack

Illustrate boundaries between stacked system layers.

LeaderboardTable

Rank entries by a score or measured value.