Diagram Style Guide (4311101)

  • Canvas: 1280×720 (16:9) for slides. Print drafts: 1600×1000.
  • Grid/Margins: 32 px outer margin; align elements on 16/32 px grid.
  • Typography: Inter/Helvetica, sizes 14/16/18; math subs via baseline-shift="sub".
  • Strokes: primary 2 px #111; auxiliary 1 px #94a3b8.
  • Palette: accents #0ea5e9 (blue), #ef4444 (red), #22c55e (green); fills #f8fafc/#eef2ff.
  • Markers: arrowheads with 6 px markers; consistent direction left→right, top→down.
  • Components: battery, R/L/C, meters, sources, ground drawn with consistent spans (80–160 px segments).
  • Labels: short, declarative; formulas near elements; legend top-left; title + desc + aria-label per SVG.
  • Accessibility: high-contrast strokes; avoid color-only encoding; annotate curves.
  • Validation: xmllint; escape entities (&, <, >).

Keep each file self-contained (own <defs>), stable IDs, and deterministic ordering.