Margins — Multi-line

A canonical fundamentals chart showing all three margin tiers in one view.

What this chart shows

Three lines on the same chart: Gross margin (top, widest scale), Operating margin (middle), Net margin (bottom). Useful for showing whether margin expansion is happening at all three tiers or just one — i.e., whether it's structural (mix shift, pricing power) or one-off (cost cut, tax benefit).

When to use

• Earnings power sections showing structural margin expansion
• Comparing companies where one's margins are improving and the other's compressing
• Discussion of operating leverage: gap between gross and operating widening = SG&A leverage

How agents use this

data = {
  periods: ["FY22", "FY23", "FY24", "FY25", "FY26E"],
  gross:     [44.1, 45.2, 45.9, 46.4, 47.2],
  operating: [29.4, 30.1, 30.8, 31.5, 32.1],
  net:       [25.3, 25.8, 26.2, 26.7, 27.4]
}

Visual register

Two variants:

• Conservative (institutional voice): navy / amber / green palette, serif y-axis labels
• Vivid (consumer voice): filled green area on top line, neon accents

Audience-style overlays handle this differentiation; the underlying data shape is identical.

Example output

See ./preview.html — AAPL margins FY22-FY26E.