场景与诉求
在使用 Qoder CN 进行数据分析、可视化类任务时,希望图表、示意图、交互组件能直接以可交互的 HTML 卡片形式渲染在对话气泡内,而不是落地为工作区文件再跳转预览。
现状与差距
目前对话区只支持 Markdown 渲染(文字、表格、代码块、静态图片)。对比具备内联 Artifact 能力的产品,存在三点差距:
无法交互 — 可视化只能看不能操作(悬停提示、筛选、步进器等全部不可用)
清晰度受限 — 降级为静态图片后放大会糊,且丢失矢量渲染
体验割裂 — 图表以文件形式落在工作区,阅读上下文需要在对话与预览间来回切换
期望能力
对话消息流中支持沙箱化的 HTML/JS 渲染容器(CSP + 白名单 CDN 控制安全)
卡片随流式输出渐进渲染,支持浅/深色主题跟随宿主
交互逻辑在卡片内本地执行,不额外消耗模型调用
参考实现
WorkBuddy v5.4.4 的内联可视化系统:五个模块(diagram / chart / interactive / art / mockup)+ 共享设计规范(680px SVG 基准、扁平风格、字号字重约束),产物直接嵌在对话中且支持鼠标交互。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。