svg-metric-story

name	svg-metric-story
description	Generate a single-file SVG metric story for Chinese technical reports when the goal is a conclusion-first static chart, not a general plotting library. Use it for fixed-layout outputs with summary cards, 1-2 bar-chart panels, and a bottom-line conclusion.

SVG Metric Story

Use this skill when the user wants a single SVG that already looks like a report slide snapshot:

• Chinese title and subtitle
• Top summary cards
• Middle 1-2 bar-chart panels
• Bottom conclusion sentence

Do not use this skill for generic charting, arbitrary dashboards, or interactive SVG work. The point is a stable narrative template with explicit inputs.

Workflow

1. Read references/layout-rules.md to confirm the schema and layout limits.
2. Prepare a small JSON payload with explicit title, cards, panels, and conclusion.
3. Render with:

python3 scripts/render_metric_story_svg.py examples/minimal-input.json examples/minimal-output.svg

4. If two metrics differ greatly in scale or use different units, split them into two panels and set independent y_max.

Notes

• Keep text short. The script uses deterministic wrapping and truncation instead of smart reflow.
• Prefer explicit value_label, note, and delta_label. The script does not infer business meaning.
• Example files live in examples/.