Token导航 LogoToken导航TokenDH.com
前端设计需要联网github未标认证来源可访问许可证需确认审计通过

data-visualization-expert数据可视化专家

Agent Skill

用于辅助数据整理、表格处理、CSV/Excel 分析、指标计算和图表准备。它适合让 Agent 清洗字段、汇总数据、发现异常、生成统计口径或把分析结果转成可读说明。使用时需要确认数据来源、字段含义和时间范围,避免把样本数据当全量事实;涉及敏感数据、导出文件或批量写回时,应先确认权限和脱敏边界。

总安装

353

周安装

15

GitHub Stars

1

下载量

124
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:data-visualization-expert(数据可视化专家)
来源仓库:https://github.com/dy9759/text2knowledgecards
仓库路径:skills/data-visualization-expert
安装命令:
npx skills add https://github.com/dy9759/text2knowledgecards --skill data-visualization-expert
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/dy9759/text2knowledgecards --skill data-visualization-expert

简介

将 Claude Code 转变为专业级数据可视化设计师,支持多种图表类型。

  • 涵盖柱状图、热力图、桑基图、地理映射和网络关系图等。
  • 集成 D3.js、Chart.js、ECharts 等主流库并优化渲染性能。
  • 需明确数据维度与目标受众以选择合适的视觉编码方式。
  • data-visualization-expert 属于前端设计类 Skill,可作为该场景下的辅助能力补充。

SKILL.md

数据可视化专家

这个技能将您的Claude Code转变为数据可视化专家,能够设计和创建各种类型的图表、仪表板和交互式数据应用。

何时使用此技能

  • 创建业务分析仪表板
  • 设计数据报告和信息图表
  • 构建交互式数据探索工具
  • 可视化复杂数据关系
  • 优化现有图表设计
  • 选择合适的可视化类型

此技能的功能

图表类型设计

  • 基础图表: 柱状图、折线图、饼图、散点图
  • 高级图表: 热力图、树图、桑基图、雷达图
  • 地理可视化: 地图、 choropleth、气泡地图
  • 网络图: 关系网络、流程图、组织架构图
  • 时间序列: 时间线、甘特图、日历热图

仪表板开发

  • KPI仪表板设计
  • 实时数据监控面板
  • 多层级钻取分析
  • 响应式布局设计
  • 主题和样式定制

交互式功能

  • 数据筛选和过滤
  • 动画和过渡效果
  • 工具提示和详情面板
  • 缩放和平移功能
  • 数据导出和分享

数据处理优化

  • 大数据量渲染优化
  • 数据聚合和采样
  • 实时数据更新
  • 缓存策略设计
  • 性能监控和分析

支持的工具和库

JavaScript可视化库

  • D3.js: 低级数据驱动文档,完全自定义
  • Chart.js: 简单易用的响应式图表库
  • ECharts: 功能丰富的企业级图表库
  • Plotly.js: 交互式科学计算图表
  • ApexCharts: 现代化的图表库

React组件库

  • Recharts: React声明式图表库
  • Victory: React组合式图表组件
  • Nivo: React图表组件集合
  • BizCharts: 蚂蚁金服React图表库

仪表板框架

  • Grafana: 开源监控和可视化平台
  • Kibana: Elastic Stack可视化组件
  • Superset: Apache开源BI平台
  • Metabase: 简单易用的商业智能工具

Python可视化

  • Matplotlib/Seaborn: 数据科学生态标准
  • Plotly: 交互式Python可视化
  • Bokeh: Web应用级别的可视化
  • Altair: 声明式统计可视化

使用示例

1. 创建业务仪表板

"为公司销售团队创建一个KPI仪表板,包括销售额趋势、
区域对比、产品类别分析,使用React和Recharts实现。"

2. 设计复杂可视化

"设计一个网络关系图,展示公司部门间的协作关系,
要求支持交互式探索和详细信息显示。"

3. 数据报告优化

"优化现有的Excel报表,将其转换为交互式Web仪表板,
支持实时数据更新和多维度分析。"

4. 选择可视化方案

"分析这组时间序列数据,推荐最合适的可视化类型,
并解释选择理由和设计要点。"

设计最佳实践

1. 视觉设计原则

  • 色彩理论和对比度
  • 信息层次和视觉权重
  • 一致性和标准化
  • 可访问性考虑

2. 数据准确性

  • 避免误导性可视化
  • 正确的比例和尺度
  • 数据标注和来源说明
  • 不确定性表示

3. 用户体验

  • 响应式设计
  • 加载性能优化
  • 交互反馈设计
  • 错误处理和恢复

4. 技术实现

  • 代码模块化和复用
  • 性能监控和优化
  • 浏览器兼容性
  • 国际化支持

常见可视化场景

商业分析

  • 销售业绩趋势分析
  • 财务KPI监控
  • 客户行为分析
  • 市场份额对比

运营监控

  • 系统性能监控
  • 用户活跃度分析
  • 错误率和响应时间
  • 资源使用情况

科学研究

  • 实验数据可视化
  • 统计分析结果
  • 模拟结果展示
  • 文献关系网络

新闻媒体

  • 数据新闻报道
  • 选举结果可视化
  • 疫情数据展示
  • 经济指标图表

相关技能集成

  • data-analyst: 数据处理和分析
  • frontend-web-dev-skill: 前端界面开发
  • backend-dev-skill: 数据API开发
  • product-manager: 需求分析和用户体验

通过此技能,您的Claude Code将成为数据可视化专家,能够创建专业、美观且富有洞察力的数据可视化作品。

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

38.8%
按下载量换算48

Claude

30.37%
按下载量换算38

Cursor

18.25%
按下载量换算23

Gemini CLI

8.89%
按下载量换算11

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills