图表可视化技能Skill chart-visualization

图表可视化技能是一个数据可视化工具,它能智能分析数据特征,从26种图表类型中选择最合适的图表,并生成图表图像,适用于数据分析、商业智能和数据工程等领域。关键词:数据可视化、图表生成、智能分析、JavaScript脚本、SEO优化。

数据可视化 0 次安装 0 次浏览 更新于 3/18/2026

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_chartgenerate_treemap_chart(分层)。
  • 关系和流程:使用generate_scatter_chart(相关性)、generate_sankey_chart(流程)或generate_venn_chart(重叠)。
  • 地图:使用generate_district_map(区域)、generate_pin_map(点)或generate_path_map(路线)。
  • 层次和树:使用generate_organization_chartgenerate_mind_map
  • 专门化
    • generate_radar_chart:多维比较。
    • generate_funnel_chart:流程阶段。
    • generate_liquid_chart:百分比/进度。
    • generate_word_cloud_chart:文本频率。
    • generate_boxplot_chartgenerate_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符合预期的架构。