过去给 AI 展示数据,最多也就是让它"做个表格",这种日子结束了。现在你只要对 Claude 说"用图表展示一下",对话窗口里就会直接画出交互式图表。鼠标悬停能看数值,点击能展开详情,就是这种图表。
这是什么?
2026 年 3 月 12 日,Anthropic 以 Beta 形式发布了 Claude 的一个新功能,名字叫 交互式可视化(Interactive Visuals)。包括免费套餐在内,所有用户都可以使用。
核心很简单。Claude 回答问题时,不只给你文字,还会在对话框里直接画出图表、示意图、图形等视觉元素。问复利计算,它给你曲线图;问决策结构,它给你树状图;问元素周期表,它给你一个可交互的表格。
从技术上讲,这不是图片生成(像 DALL-E 那样)。它用 HTML 和 SVG 生成,加载快、放大不失真、还支持悬停和点击等交互。 不是下载图片文件,而是用 Web 技术实时渲染。
有意思的是,Claude 会自己判断什么时候需要可视化。 你问"复利怎么运作?",它会在文字说明旁自动画一张曲线图。当然,你直接说"用图表展示"也行。
和 Artifacts 有什么区别?
Artifacts 是打开在侧边栏的独立产物,会被保存、可以分享、对话结束后也还在。而交互式可视化是临时存在于对话流中,对话推进时它也跟着变化。 一句话概括 —— Artifacts 是"成品",而内联可视化更像"对话中的草图"。
有什么不同?
其实在 AI 聊天中做可视化,这个尝试并不是 Claude 独有的。OpenAI 在 3 月 10 日已经给 ChatGPT 加了类似功能,Google 也在 Gemini 中试验教育用图片。 所以我们梳理一下差别。
| Claude Artifacts | Claude 内联可视化 | ChatGPT 交互式 | |
|---|---|---|---|
| 位置 | 侧边栏(独立空间) | 对话流内联 | 对话流内联 |
| 持久性 | 保存,可分享 | 临时,随对话演进 | 临时,随对话演进 |
| 底层技术 | HTML/JS(完整应用) | HTML + SVG(轻量) | HTML + JS |
| 交互 | 完全交互式 | 悬停、点击、动画 | 悬停、点击、拖动 |
| 自动生成 | 用户主动请求时 | Claude 自动判断 | GPT 自动判断 |
| 强项 | 复杂应用/原型 | 保持对话流、快速理解 | 数学/科学 70+ 概念特化 |
| 移动端 | Web/App 均支持 | 桌面端优先(不支持 iOS) | Web/App 均支持 |
ChatGPT 的交互式可视化比 Claude 早 3 天上线,但思路不太一样。 ChatGPT 聚焦数学、科学领域,提供 70 多个预定义概念的可视化;而 Claude 走的是通用可视化路线。复利曲线也好、项目决策树也好、食谱卡片也好 —— 主题不设限。
Claude 还有一个独有的功能。交互式多项选择题。 当 Claude 要问用户结构化问题时,不是扔出一段文字,而是给出可点击的选项。比如问"你用什么编程语言?",界面会弹出 Python、JavaScript、Go 等按钮。这个小细节让对话更顺畅。
上手指南
- 在 claude.ai 或 Claude App 里开个新对话
包括免费套餐在内,所有用户都能用。 不用额外设置,也不用装插件,像平时那样开对话就行。不过目前桌面端体验最好。 - 抛出需要可视化的问题
比如"展示一下韩国过去 10 年的 GDP 走势"、"把我们团队的决策流程画成示意图"、"对比 5%、7%、10% 三种复利"。关键在于问题里带有数据或结构。只要 Claude 觉得可视化有帮助,就会自动画图。 - 直接指定也可以
如果 Claude 只给了文字,但你想看图,追一句"用图表展示"、"整理成示意图"、"做成交互式的"就行。反过来,不需要图的时候,你也可以只要文字。 - 和可视化互动
鼠标悬停在图表上可以看具体数值,点击展开详情。画出来之后也能改 —— 告诉它"X 轴按年份分"、"加个图例"等后续要求都行。 - 要复杂成品就切换到 Artifacts
内联可视化是为了在对话中快速理解设计的。如果你需要一个能保存、能分享的精致仪表盘或原型,告诉它"把这个做成 Artifact"。两个功能是互补的。
