[FM 02] Ascent Profile
Part two of a sample series: diagrams and timelines from utils/diagram.typ.
- Doc no.
- TN-003
- Date
- 2025-07-04
- GMT day
- 2025:185
- Est. read
- 1 min
Diagrams are drawn by Typst at build time and embedded as inline SVG. Their colors come from the theme palette, so they follow the day / night switch.
01Flow#
A chain of nodes. Content between two nodes labels the edge; divider draws a boundary across the flow.
typst
#import "/utils/diagram.typ": flow, n, divider
#flow(n[Source], [label], n([Site program], tone: "accent"), divider[A][B], n[HTML])02Diagram#
Nodes on a grid, joined by edges.