Canvas & Artifacts
用 AI 生成交互式可视化页面，管理和分享你的分析成果
什么是 Canvas
Canvas 是 AlphaHunch 内置的 交互式 HTML 页面生成器。你在对话中描述想要的内容，AI 直接生成一个完整的网页——包含图表、表格、动画、交互效果——在右侧面板中实时预览。
和对话中嵌入的单张图表不同，Canvas 是一个完整的页面，可以包含多个图表、丰富的排版和交互逻辑，适合制作需要分享或反复查看的分析成果。
使用场景
Canvas 适合生成这些类型的内容：
投资组合概览页 — 一个页面上展示持仓分布、各标的权重、收益归因、风险指标，类似一份交互式的组合报告。
行业对比分析报告 — 多个行业的估值、增速、资金流向对比，支持交互式切换和筛选。
个股深度研究页 — 把一只股票的财务数据、估值历史、同业对比、分析师评级整合到一个页面上。
每日市场速览 — 三大市场指数走势、涨跌停统计、北向资金流向、行业热力图，自动化配合 Canvas 输出格式可以每天生成。
概念可视化 — 把抽象的金融概念（如DCF折现模型、期权定价、均值回归）做成交互式的图示教程。
如何生成 Canvas
在对话中用自然语言描述你想生成的页面：
- 「帮我做一个 A 股主要指数今年走势的对比页面」
- 「生成一个交互式的投资组合分析仪表盘，包含持仓前10的个股和行业分布」
- 「把刚才的分析做成一个漂亮的可视化报告页面」
- 「用 Canvas 创建一个解释布林带指标原理的交互式教程」
AI 生成的 Canvas 页面会自动在右侧预览面板中打开。如果不满意，直接在对话中说「把图表改成深色主题」「加一个行业筛选下拉框」等，AI 会迭代修改。
生成 Canvas 时描述越具体越好。与其说「做一个分析页面」，不如说「做一个包含PE走势折线图、ROE柱状图和估值排名表格的消费行业分析页面，用深色主题」。
Artifacts 管理
所有通过对话生成的内容——Canvas 页面、看板、下载文件、图片——统一保存在 Artifacts 中。
查看 Artifacts
点击左侧边栏的 「Artifacts」，在面板中浏览所有已保存的内容。
Artifacts 分类
| 类型 | 说明 |
|---|---|
| Boards | 看板，包含多个可刷新的图表组件 |
| Canvas | 交互式 HTML 页面 |
| Downloads | 可下载的数据文件（CSV、Excel 等） |
| Images | AI 生成的图片 |
代码编辑
Canvas 本质上是一个 HTML 页面，你可以直接查看和编辑源代码。
使用 Monaco 编辑器
- 在 Canvas 预览面板顶部，点击 「Code」 按钮切换到代码视图
- 使用内置的 Monaco 编辑器（和 VS Code 相同的编辑器）修改 HTML/CSS/JavaScript
- 修改完成后点击 「Save Version」 保存为新版本
版本历史
每次保存都会创建一个新版本。通过预览面板中的 左右箭头 可以在版本之间切换，方便对比修改效果或回退到之前的版本。
分享与发布
你可以将 Canvas 页面发布为公开链接，任何人通过链接即可查看，无需登录。
发布步骤
- 在 Canvas 预览面板中点击 「Share」 按钮
- 选择链接有效期：
- Permanent — 永久有效
- 1 day / 7 days / 30 days — 到期自动失效
- Custom — 自定义过期日期
- 点击 「Publish」 生成公开链接
- 点击 「Copy link」 复制链接
发布后的页面是只读的，查看者可以正常使用页面中的交互功能（图表缩放、筛选器等），但无法编辑。
已发布的 Canvas 可以随时通过 「Unpublish」 按钮取消发布。取消后链接立即失效。