可视化Skill visualization

这是一个数据可视化技能,用于从数据创建交互式图表,如条形图、折线图和饼图,生成前端渲染所需的图表规范,便于数据分析和展示。关键词:数据可视化,交互式图表,条形图,折线图,饼图,前端开发,数据分析。

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

name: 可视化 description: 从数据创建交互式图表可视化(条形图、折线图、饼图)。

可视化

可用工具

  • create_visualization: 为前端渲染创建图表规范。

参数(必须完全匹配)

参数 类型 必需 描述
chart_type str "bar""line""pie"
data list[dict] 数据对象数组 — 见下方格式
title str 图表标题
x_label str X轴标签(仅条形图/折线图)
y_label str Y轴标签(仅条形图/折线图)

数据格式(关键 — 使用确切的字段名)

条形图 / 折线图 — 每个对象必须具有 "x""y" 键:

[{"x": "Jan", "y": 100}, {"x": "Feb", "y": 150}, {"x": "Mar", "y": 120}]

饼图 — 每个对象必须具有 "segment""value" 键:

[{"segment": "Category A", "value": 30}, {"segment": "Category B", "value": 70}]

可选:添加 "color": "hsl(210, 100%, 50%)" 到任何数据点以自定义颜色。

示例工具输入

条形图:

{
  "chart_type": "bar",
  "data": [{"x": "Q1", "y": 250}, {"x": "Q2", "y": 310}, {"x": "Q3", "y": 280}],
  "title": "季度收入",
  "x_label": "季度",
  "y_label": "收入(千美元)"
}

饼图:

{
  "chart_type": "pie",
  "data": [{"segment": "Mobile", "value": 60}, {"segment": "Desktop", "value": 35}, {"segment": "Tablet", "value": 5}],
  "title": "按设备流量"
}

常见错误避免

  • 不要使用 {"labels": [...], "values": [...]} 格式 — 数据必须是字典列表。
  • 条形图/折线图数据必须使用 "x""y" 键,而不是 "label""name"