·visualizing-data
{}

visualizing-data

ancoleman/ai-design-components

构建需要图表、图形或可视化分析的仪表板、报告和数据驱动界面。提供系统框架,用于根据数据特征和分析目的选择适当的可视化。包括按目的(趋势、比较、分布、关系、流程、层次结构、地理空间)组织的 24 多种可视化类型、可访问性模式(WCAG 2.1 AA 合规性)、色盲安全调色板和性能优化策略。在创建可视化、选择图表类型、以图形方式显示数据或设计数据界面时使用。

13安装·0热度·@ancoleman

安装

$npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data

SKILL.md

Systematic guidance for selecting and implementing effective data visualizations, matching data characteristics with appropriate visualization types, ensuring clarity, accessibility, and impact.

Data visualization transforms raw data into visual representations that reveal patterns, trends, and insights. This skill provides:

| Compare values | Bar Chart, Lollipop Chart | | Show trends | Line Chart, Area Chart | | Reveal distributions | Histogram, Violin Plot, Box Plot | | Explore relationships | Scatter Plot, Bubble Chart | | Explain composition | Treemap, Stacked Bar, Pie Chart (<6 slices) | | Visualize flow | Sankey Diagram, Chord Diagram |

构建需要图表、图形或可视化分析的仪表板、报告和数据驱动界面。提供系统框架,用于根据数据特征和分析目的选择适当的可视化。包括按目的(趋势、比较、分布、关系、流程、层次结构、地理空间)组织的 24 多种可视化类型、可访问性模式(WCAG 2.1 AA 合规性)、色盲安全调色板和性能优化策略。在创建可视化、选择图表类型、以图形方式显示数据或设计数据界面时使用。 来源:ancoleman/ai-design-components。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data
分类
{}数据分析
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 visualizing-data?

构建需要图表、图形或可视化分析的仪表板、报告和数据驱动界面。提供系统框架,用于根据数据特征和分析目的选择适当的可视化。包括按目的(趋势、比较、分布、关系、流程、层次结构、地理空间)组织的 24 多种可视化类型、可访问性模式(WCAG 2.1 AA 合规性)、色盲安全调色板和性能优化策略。在创建可视化、选择图表类型、以图形方式显示数据或设计数据界面时使用。 来源:ancoleman/ai-design-components。

如何安装 visualizing-data?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/ancoleman/ai-design-components