mcpField
D
data-viz-agent

data-viz-agent

github.com/podo数据与数据库29164 次安装1 天前更新
代码仓库

关于 data-viz-agent

data-viz-agent 是面向数据可视化工程的技能，支持 D3.js、Chart.js、Matplotlib 和 Plotly。它根据数据关系选择图表，并考虑感知准确性与无障碍要求。

主要功能

  1. 01支持四种可视化库
  2. 02根据数据关系选择图表
  3. 03应用 Cleveland-McGill 感知准确性层级
  4. 04检查 WCAG AA 对比度
  5. 05默认使用色盲友好配色

适用场景

  1. 01为比较或分布选择图表
  2. 02以图表呈现数据关系
  3. 03创建使用色盲友好颜色的无障碍可视化

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill data-viz-agent

安装后在 Claude Code 中输入/data-viz-agent确认已加载。

附带文件stub.yaml

详细介绍

data-viz-agent

目录条目占位 — 完整技能：rohitg00/awesome-claude-code-toolkit

决策树

  1. 是否已安装完整技能？ 检查此位置的技能是否仍包含 das: 块：

    • 全局：grep -q "^das:" ~/.agents/skills/data-viz-agent/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目：grep -q "^das:" .agents/skills/data-viz-agent/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 不含 das: 块 → 已安装完整技能，调用该技能并继续
    • 存在 das: 块 → 转到第 2 步

  2. 检测范围，然后安装：

    检测范围：

    [ -e ~/.agents/skills/data-viz-agent ] && echo "global" || echo "project"

    全局（使用 -g 安装）：

    npx skills add rohitg00/awesome-claude-code-toolkit --skill data-viz-agent -g -y

    项目（未使用 -g 安装）：

    npx skills add rohitg00/awesome-claude-code-toolkit --skill data-viz-agent -y

    Claude Code： 将任一命令作为以 ! 开头的聊天消息发送，即可在不离开对话的情况下运行。

安装后调用

  • 技能名称：data-viz-agent
  • 触发短语："data visualization agent"、"Chart.js"、"Plotly"、"Matplotlib"、"data chart"

功能

一款完整的数据可视化工程 Agent，支持 D3.js、Chart.js、Matplotlib 和 Plotly。应用 Cleveland-McGill 感知准确度层级来选择图表类型，确保对比度符合 WCAG AA 无障碍标准，默认使用色盲友好型调色板，并根据底层数据关系（比较、分布、构成、关系）选择合适的可视化方式。

评论

支持 Markdown