How to¶

Three recipes, one per kind of figure. Each is the distilled version of a family in examples/, and each says up front when svg-plus is the wrong tool.

Make a diagram

Tiers as rows, tinted groups, labelled arrows that follow their boxes. Routing, detours for back-edges, and where a label will and will not fit.

From examples/diagrams/ — four Mermaid diagrams ported.
Make a poster

A page of a declared size, a spring above the footer, a headline that breaks where you say. Full-bleed bands, logos, and one tree in light and dark.

From examples/hop3/ — four marketing posters.
Make an infographic

Numbers computed rather than typed, charts that share a scale, colour as redundancy, and shapes a bar chart cannot make.

From examples/eurostack/ and examples/manual/.

Which is which¶

	Page size	Numbers	The risk
Diagram	Content	None	Arrows crossing what they should go round
Poster	Declared	A few, large	Content overflowing the page
Infographic	Content, fixed width	The subject	The figure drifting from the data

If you are working through this for the first time, the tutorial builds one figure end to end and shows the result at every step.