用途：为博客文章生成兼容深色与浅色背景的 inline SVG 数据可视化图表，由 blog-write 和 blog-rewrite 在识别到适合图表的数据时内部调用，不是面向用户的独立命令。样式以 ../blog/references/visual-media.md 为准。
主要能力：支持横向条形、分组条形、环形、折线、棒棒糖、面积和雷达图。按数据模式选型：前后对比用分组条形，排名因素或相关性用棒棒糖，部分与整体或市场份额用环形，时间趋势用折线，百分比提升用横向条形，分布或范围用面积，多维评分用雷达。同一篇文章内不得重复使用同一图表类型。
使用方式：写入者或研究者传入图表请求，包含类型、标题、数据、来源和平台（mdx 或 html）。输出时每个图表包裹在 figure 元素中，SVG 使用 viewBox 0 0 560 380，并包含 title、desc、role="img" 和 aria-label。MDX 需将属性转为 camelCase，如 strokeWidth、textAnchor、fontSize、fontWeight、fontFamily、className，style 改为对象写法。
样式规则：文字用 fill="currentColor"，网格线 stroke="currentColor" opacity="0.08"，轴线 opacity="0.3"，根 SVG 背景透明，副标题 opacity="0.45"，来源文字 opacity="0.35"，标签 opacity="0.8"。调色板仅限橙色 #f97316、天蓝 #38bdf8、紫色 #a78bfa、绿色 #22c55e；彩色元素内文字用 fill="white" 与 fontWeight="800"。
限制：资料未提供安装命令、收费、价格、平台支持范围或独立调用方式；该技能依赖 blog-write 与 blog-rewrite 内部调用，需遵循上述样式与质量检查清单，数据值须与来源完全一致。