作例ギャラリー

小さな構成図から始め、グループ、配置、システム全体へと表現を広げましょう。ここに掲載する作例はすべて組み込みアイコンだけで描けるため、追加のパックは不要です。プレビューは正本の .stack を読み込み、Playgroundと同じWASM engineで端末上に描画します。

画像をタップすると拡大表示できます。「実寸で見る」で細部を確認したり、画面に合わせて全体を見渡したりできます。別のソースリンクから .stack を読んで再利用することもできます。JavaScriptやプレビューを利用できない場合も、ソースへのリンクは利用できます。

Pin済みsource: 8e5477c6

小さく始める

starter

Start with two nodes and one directed edge.

starter

Add semantic node kinds, icons, details, an edge label, and a light theme.

intermediate

Organize clients and platform services with explicit direction, rank, and order hints.

advanced

Model a production-like commerce system with nested responsibilities and asynchronous processing.