用途：该技能为博客文章生成内联 SVG 数据可视化图表，可在深色与浅色背景下正常显示。它由 blog-write 和 blog-rewrite 在识别到值得图表化的数据时内部调用，并非面向用户的独立命令。
主要能力：支持横向条形图（百分比提升）、分组条形图（前后对比）、环形图（占比/市场份额）、折线图（时间趋势）、棒棒糖图（排名因素/相关性）、面积图（分布）、雷达图（多维评分，5-7 轴）。同一篇文章内不得重复使用同一图表类型。
输入格式：由写作者或研究者传入图表请求，包含类型、标题、数据、来源和平台（mdx 或 html）。
用法要点：样式以 references/visual-media.md 为准。文字使用 fill="currentColor"；网格线 stroke="currentColor" opacity="0.08"；轴线 opacity="0.3"；根 SVG 背景透明；副标题 opacity="0.45"；来源文字 opacity="0.35"；标签文字 opacity="0.8"。配色仅限橙 #f97316（主）、天蓝 #38bdf8、紫 #a78bfa、绿 #22c55e；彩色元素内文字为白色且 fontWeight="800"。标准 viewBox 为 0 0 560 380。MDX 需将属性改为驼峰写法（如 strokeWidth、textAnchor、fontSize 等）。
输出：每个图表包裹在 <figure> 元素中，SVG 需含 role="img"、aria-label、<title> 和 <desc>，底部标注来源。
限制：资料未提供安装命令、价格、平台支持范围等信息；返回前需核对质量清单，确保无硬编码文字颜色、无白色背景、来源标注齐全、图表类型未重复、数据与来源完全一致。