chart-visualization by antvis/chart-visualization-skills
npx skills add https://github.com/antvis/chart-visualization-skills --skill chart-visualization此技能提供了一套完整的工作流程,用于将数据转化为可视化图表。它负责图表选择、参数提取和图像生成。
要可视化数据,请遵循以下步骤:
分析用户的数据特征,以确定最合适的图表类型。请使用以下指南(并查阅 references/ 目录获取详细规格):
generate_line_chart(趋势)或 generate_area_chart(累积趋势)。对于两种不同的尺度,使用 generate_dual_axes_chart。generate_bar_chart(分类)或 generate_column_chart。对于频率分布,使用 generate_histogram_chart。广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
generate_pie_chartgenerate_treemap_chartgenerate_scatter_chart(相关性)、generate_sankey_chart(流向)或 generate_venn_chart(重叠)。generate_district_map(区域)、generate_pin_map(点)或 generate_path_map(路线)。generate_organization_chart 或 generate_mind_map。generate_radar_chart:多维比较。generate_funnel_chart:流程阶段。generate_liquid_chart:百分比/进度。generate_word_cloud_chart:文本频率。generate_boxplot_chart 或 generate_violin_chart:统计分布。generate_network_graph:复杂的节点-边关系。generate_fishbone_diagram:因果分析。generate_flow_diagram:流程图。generate_spreadsheet:用于结构化数据显示和交叉制表的表格数据或数据透视表。选定图表类型后,读取 references/ 目录中的相应文件(例如 references/generate_line_chart.md),以识别必需和可选的字段。从用户输入中提取数据,并将其映射到预期的 args 格式。
使用 JSON 负载调用 scripts/generate.js 脚本。
负载格式:
{
"tool": "generate_chart_type_name",
"args": {
"data": [...],
"title": "...",
"theme": "...",
"style": { ... }
}
}
执行命令:
node ./scripts/generate.js '<payload_json>'
脚本将输出生成的图表图像的 URL。向用户返回以下内容:
args(规格说明)。每种图表类型的详细规格说明位于 references/ 目录中。查阅这些文件以确保传递给脚本的 args 符合预期的模式。
每周安装量
706
代码仓库
GitHub 星标数
35
首次出现
2026年1月22日
安全审计
安装于
opencode600
codex554
gemini-cli543
github-copilot518
cursor506
kimi-cli474
This skill provides a comprehensive workflow for transforming data into visual charts. It handles chart selection, parameter extraction, and image generation.
To visualize data, follow these steps:
Analyze the user's data features to determine the most appropriate chart type. Use the following guidelines (and consult references/ for detailed specs):
generate_line_chart (trends) or generate_area_chart (accumulated trends). Use generate_dual_axes_chart for two different scales.generate_bar_chart (categorical) or generate_column_chart. Use generate_histogram_chart for frequency distributions.generate_pie_chart or generate_treemap_chart (hierarchical).generate_scatter_chart (correlation), generate_sankey_chart (flow), or generate_venn_chart (overlap).generate_district_map (regions), generate_pin_map (points), or generate_path_map (routes).generate_organization_chart or generate_mind_map.generate_radar_chart: Multi-dimensional comparison.generate_funnel_chart: Process stages.generate_liquid_chart: Percentage/Progress.generate_word_cloud_chart: Text frequency.generate_boxplot_chart or generate_violin_chart: Statistical distribution.generate_network_graph: Complex node-edge relationships.generate_fishbone_diagram: Cause-effect analysis.generate_flow_diagram: Process flow.Once a chart type is selected, read the corresponding file in the references/ directory (e.g., references/generate_line_chart.md) to identify the required and optional fields. Extract the data from the user's input and map it to the expected args format.
Invoke the scripts/generate.js script with a JSON payload.
Payload Format:
{
"tool": "generate_chart_type_name",
"args": {
"data": [...],
"title": "...",
"theme": "...",
"style": { ... }
}
}
Execution Command:
node ./scripts/generate.js '<payload_json>'
The script will output the URL of the generated chart image. Return the following to the user:
args (specification) used for generation.Detailed specifications for each chart type are located in the references/ directory. Consult these files to ensure the args passed to the script match the expected schema.
Weekly Installs
706
Repository
GitHub Stars
35
First Seen
Jan 22, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode600
codex554
gemini-cli543
github-copilot518
cursor506
kimi-cli474
Excel财务建模规范与xlsx文件处理指南:专业格式、零错误公式与数据分析
37,200 周安装
Gemini Interactions API 指南:统一接口、智能体交互与服务器端状态管理
833 周安装
Apollo MCP 服务器:让AI代理通过GraphQL API交互的完整指南
834 周安装
智能体记忆系统构建指南:分块策略、向量存储与检索优化
835 周安装
Scrapling官方网络爬虫框架 - 自适应解析、绕过Cloudflare、Python爬虫库
836 周安装
抽奖赢家选取器 - 随机选择工具,支持CSV、Excel、Google Sheets,公平透明
838 周安装
Medusa 前端开发指南:使用 SDK、React Query 构建电商商店
839 周安装
generate_spreadsheet: Tabular data or pivot tables for structured data display and cross-tabulation.