用途:为博客文章生成兼容深色模式的 inline SVG 数据可视化图表,由 blog-write 和 blog-rewrite 在识别到适合图表的数据时内部调用,不是面向用户的独立命令。样式以 references/visual-media.md 为准。
主要能力:支持横向条形图、分组条形图、环形图、折线图、棒棒糖图、面积图和雷达图。图表类型按数据模式选择,且同一篇文章内不得重复使用同一类型。
使用方式:由写作者或研究者传入图表请求,包含类型、标题、数据、来源和平台(mdx 或 html)。输出时每个图表包裹在 figure 元素中,SVG 使用 viewBox="0 0 560 380",并包含 title、desc、role="img" 和 aria-label。MDX 中属性需改为 camelCase,如 strokeWidth、textAnchor、fontSize。
样式规则:文字使用 fill="currentColor",网格线 stroke="currentColor" opacity="0.08",坐标轴线 opacity="0.3",根 SVG 背景透明,来源文字 opacity="0.35"。配色仅限橙色 #f97316、天蓝 #38bdf8、紫色 #a78bfa、绿色 #22c55e。
限制:资料未提供安装命令、收费、价格、平台支持范围或效果数据。返回前需核对质量清单,包括无硬编码文字颜色、无白色背景、含来源标注、数据与来源一致等。