← 数据产品设计库

BI/数据应用 · 产品截图

ThoughtSpot Charts AI / ChartSpec

用户用自然语言要求比较、趋势和强调时,如果让 LLM 直接选图表类型或生成渲染代码,输出很难验证、修订、复现和跨引擎渲染。

看结果 · 结果表达
ThoughtSpot Charts AI / ChartSpec · 代表界面查看完整原图 ↗
产品截图 · ThoughtSpot Blog ↗

配图 01 / 06

代表界面

要解决的问题
用户用自然语言要求比较、趋势和强调时,如果让 LLM 直接选图表类型或生成渲染代码,输出很难验证、修订、复现和跨引擎渲染。
可以借鉴 · DataHot 解读

为 AI 生成交互界面时,先设计可验证、可差异比较的中间表示,通常比让模型直接产出最终代码更稳定。

ThoughtSpot Charts AI / ChartSpec · 原文配图 2查看完整原图 ↗
产品截图 · ThoughtSpot Blog ↗

配图 02 / 06

原文配图 2

配图说明
原文未单独提供图注,可打开完整原文结合上下文阅读。
ThoughtSpot Charts AI / ChartSpec · 原文配图 3查看完整原图 ↗
产品截图 · ThoughtSpot Blog ↗

配图 03 / 06

原文配图 3

配图说明
原文未单独提供图注,可打开完整原文结合上下文阅读。
ThoughtSpot Charts AI / ChartSpec · 原文配图 4查看完整原图 ↗
产品截图 · ThoughtSpot Blog ↗

配图 04 / 06

原文配图 4

配图说明
原文未单独提供图注,可打开完整原文结合上下文阅读。
ThoughtSpot Charts AI / ChartSpec · 原文配图 5查看完整原图 ↗
产品截图 · ThoughtSpot Blog ↗

配图 05 / 06

原文配图 5

配图说明
原文未单独提供图注,可打开完整原文结合上下文阅读。
ThoughtSpot Charts AI / ChartSpec · 原文配图 6查看完整原图 ↗
产品截图 · ThoughtSpot Blog ↗

配图 06 / 06

原文配图 6

配图说明
原文未单独提供图注,可打开完整原文结合上下文阅读。

代表图优先,其余配图保留原文顺序;配图不代表一次连续操作。材料核对于 2026-08-24 · 阅读完整原文 →

设计拆解

公开材料说明

  • ChartSpec 是 ThoughtSpot Charts AI 使用的类型化图形语法规范,将图表表达为标记、编码、比例尺、分面和条件的组合。
  • 规范不包含图表类型字段,堆叠条形图、环形图等外观由实际结构导出。
  • 同一 ChartSpec 可编译为沙箱 Muze 程序、Muze Studio SDK 代码或 ThoughtSpot 原生图表配置。

DataHot 解读

  • 让模型只做分析判断、让代码负责结构构造,是把生成式 UI 从“任意代码”收缩为“可验证中间表示”。
  • 把规范带回下一轮对话,使“改成堆叠”只需局部编辑,避免模型重建图表时意外改动其他选择。

功能模块

  • 自然语言分析意图
  • 类型化 ChartSpec
  • 标记、编码通道与条件规则
  • 渲染后端路由
  • 可继续编辑的对话状态

交互方式 · 案例整理

  • 用自然语言说明比较、趋势、分布或强调目标
  • 将意图分解为封闭的分析判断,再由代码构造规范
  • 验证 ChartSpec 后路由到原生图表、模板或沙箱程序
  • 通过后续语句修改堆叠、双轴、分面或强调条件

可以借鉴

  • 为 AI 生成交互界面时,先设计可验证、可差异比较的中间表示,通常比让模型直接产出最终代码更稳定。
  • 后续编辑应尽量修改现有状态的局部字段,而不是每轮从自然语言重新生成整个产物。

收益与代价

  • 封闭语法能降低幻觉并支持确定性验证,但语法之外的新视觉形式必须先扩展协议。
  • 与渲染器无关可以灵活路由,但不同后端的能力交集与视觉一致性需要持续测试。

适用边界原文主要解释图表引擎与规范,缓存图展示的是图表输出组合,不是 Charts AI 完整的端到端产品界面。 案例没有提供真实用户在复杂数据上的任务成功率、编辑次数或误导图表比例。

资料出处

阅读站内原文 →

对你的产品设计有帮助吗?

反馈与收藏分开保存在当前设备。

查看界面