真实操作案例设计与视觉创意

制作信息图:Tokeny 实操案例

把合成销售数据做成一张横版信息图,突出总收入、渠道占比和三天趋势,输出 SVG 和离线 HTML,不使用外部字体或图片。

作者:Tokeny 团队 · Windows · Tokeny 1.7.8 · gpt-6-sol

准备这次任务的输入

在 Tokeny 中新建工作空间,将下载的样例解压到工作空间,选择支持工具调用的模型。本例使用合成演示数据或文中列出的公开资料。

  • sales.csv
下载输入样例

把任务交给 Tokeny

把合成销售数据做成一张横版信息图,突出总收入、渠道占比和三天趋势,输出 SVG 和离线 HTML,不使用外部字体或图片。

交付文件:infographic.svg、infographic.html。
验收要点:
- 5064 元总收入
- 图形有文字标签与数据来源
- 无外部资源依赖
这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入,再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间;临时服务只监听 127.0.0.1,执行后关闭;不触达外部收件人、不发布、不付款、不更改系统设置,不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md(中文)和 report.en.md(英文),简洁、完整,包含输入、处理步骤、真实结果、检查方式和局限;失败或未验证部分如实记录,不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。

本次使用独立演示工作空间。复现时,请根据自己的文件与权限设置检查操作,确认后继续。

实际执行过程

任务从 Tokeny 输入框提交,由在线模型读取资料并调用工具实际执行。本例核对本地演示任务与实际生成的文件,结果和检查方法见下文。

Tokeny 1.7.8 中「制作信息图」的真实执行会话与生成文件。点击可查看原图。
Tokeny 1.7.8 中「制作信息图」的真实执行会话与生成文件。点击可查看原图。
本次生成文件的实际预览;内容来自可下载的产物。
本次生成文件的实际预览;内容来自可下载的产物。

产物、结果与复核

输入

读取工作空间 sales.csv:6 条交易记录,字段为日期、渠道、产品、数量、单价。数据为合成演示数据。

处理步骤

  1. 按 quantity × unit_price 计算每笔收入。
  2. 汇总总收入、渠道收入与占比、按日期收入。
  3. 生成横版 SVG,并将同一图形内嵌到离线 HTML。
  4. 在图中标注关键数值、单位、日期和数据来源。

真实结果

  • 总收入:5,064 元。
  • 渠道:官网 3,378 元(66.7%);社群 1,686 元(33.3%)。
  • 三日收入:10 月 1 日 1,485 元;10 月 2 日 1,390 元;10 月 3 日 2,189 元。
  • 商品:进阶课 2,985 元;入门课 2,079 元。

检查方式

已检查输出文件存在且为非空文本;检查 SVG/HTML 均包含 5,064 元、渠道标签、三日数值和 sales.csv 数据来源;检查 HTML 未包含 http://、https://、外部图片、外部字体或脚本引用。

局限

数据只有 6 笔、3 天,且为合成演示输入;趋势不能代表长期业务表现。占比按收入而不是订单数计算,百分比按一位小数展示,存在四舍五入。

下载产物,自己核对

压缩包保存本次执行生成的文件。替换成自己的资料后,可以按下面的检查点验收。

  • 5064 元总收入
  • 图形有文字标签与数据来源
  • 无外部资源依赖
infographic.svg · 5 KBinfographic.html · 5 KBreport.md · 1 KBreport.en.md · 1 KB
下载本次实际产物

继续探索同类场景