name: 图表可视化 description: 当用户想要可视化数据时,应使用此技能。它从26个可用选项中智能选择最合适的图表类型,根据详细规范提取参数,并使用JavaScript脚本生成图表图像。 dependency: nodejs: “>=18.0.0”
图表可视化技能
此技能提供了一个全面的工作流程,用于将数据转换为可视化图表。它处理图表选择、参数提取和图像生成。
工作流程
要可视化数据,请按照以下步骤操作:
1. 智能图表选择
分析用户的数据特征以确定最合适的图表类型。使用以下指南(并查阅references/目录获取详细规范):
- 时间序列:使用
generate_line_chart(趋势)或generate_area_chart(累积趋势)。对于两种不同尺度,使用generate_dual_axes_chart。 - 比较:使用
generate_bar_chart(分类)或generate_column_chart。对于频率分布,使用generate_histogram_chart。 - 部分到整体:使用
generate_pie_chart或generate_treemap_chart(分层)。 - 关系和流程:使用
generate_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:表格数据或数据透视表,用于结构化数据显示和交叉制表。
2. 参数提取
一旦选择了图表类型,请阅读references/目录中的对应文件(例如,references/generate_line_chart.md)以识别必需和可选字段。
从用户的输入中提取数据,并将其映射到预期的args格式。
3. 图表生成
使用JSON负载调用scripts/generate.js脚本。
负载格式:
{
"tool": "generate_chart_type_name",
"args": {
"data": [...],
"title": "...",
"theme": "...",
"style": { ... }
}
}
执行命令:
node ./scripts/generate.js '<payload_json>'
4. 结果返回
脚本将输出生成的图表图像的URL。 向用户返回以下内容:
- 图像URL。
- 用于生成的完整
args(规范)。
参考材料
每个图表类型的详细规范位于references/目录中。查阅这些文件以确保传递给脚本的args符合预期的架构。