chartifact

Source: admin_cms · cms editor · 9/14/2026

{"en":"Chartifact combines human-readable Markdown with reactive state management and visualization engines like Vega and Mermaid. Its sandboxed architecture ensures secure rendering, making it ideal for LLM-generated interactive reports.","zh":"Chartifact 提供了清晰的数据响应式架构，将 Markdown 的易读性与 Vega、Mermaid 等图表渲染能力结合。其内置的沙盒运行机制保障了安全性，非常适合用于让大语言模型生成可交互的分析报告并导出为独立 HTML 文件。"}

Source: admin_cms · cms editor · 9/14/2026

{"steps":[{"en":"Access the official examples page to see sample documents.","zh":"访问官方示例库查看已有数据文档展示。"},{"en":"Install the Chartifact extension in VS Code.","zh":"在 VS Code 编辑器中安装 Chartifact 插件。"},{"en":"Create a Markdown file and define reactive variables and chart specifications in JSON blocks.","zh":"创建 Markdown 文件，并在代码块中定义响应式变量与图表配置。"},{"en":"Prompt an LLM to automatically generate the Chartifact document code.","zh":"向大语言模型输入提示词，协助自动生成分析文档代码。"},{"en":"Preview and test the interactive functionality in the sandboxed preview window.","zh":"通过沙盒预览窗口实时查看和调试交互效果。"},{"en":"Export the finished interactive document into a standalone HTML file.","zh":"将制作完成的交互式文档导出为独立的 HTML 文件。"}],"installAt":"unknown","difficulty":"unknown"}

Source: admin_cms · cms editor · 9/14/2026

{"en":"Chartifact is a low-code document format designed for creating interactive, data-driven reports, dashboards, and presentations. It combines the portability of standard documents with the rich interactivity of mini web applications, specifically designed to help LLMs produce shareable analytical artifacts. The project provides a unified document schema, a sandboxed execution runtime, a VS Code extension, and a web-based viewer. Authors can write in Markdown or JSON, leveraging Vega for data visualization, Mermaid for diagrams, and reactive variables to synchronize state across components securely.","zh":"Chartifact 是一种声明式的低代码数据文档格式，用于创建可交互的数据报告、仪表盘和演示幻灯片。它兼具文档的便携性与轻量应用的交互能力，特别适合配合大语言模型将数据对话转化为可分享的分析成果。 该项目包含文档规范、沙盒运行时、VS Code 预览插件以及网页版查看器。使用者可以使用 Markdown 或 JSON 编写文档，利用 Vega 绘制数据图表、用 Mermaid 生成结构图，并通过响应式变量连接各类控件，快速构建出具备安全保障的动态数据网页。"}

Source: admin_cms · cms editor · 9/14/2026

MIT

Source: GitHub API · license.spdx_id=MIT · 9/14/2026

No

Source: admin_cms · cms editor · 9/14/2026

{"en":"Declarative, interactive data document format and runtime designed for LLM-generated reports and dashboards.","zh":"声明式的交互式数据文档格式与运行时，适合配合大语言模型生成报表与仪表盘。"}

Source: admin_cms · cms editor · 9/14/2026

browser, windows, macos, linux

Source: admin_cms · cms editor · 9/14/2026

ai-apps

Source: Project README · hint=ai-apps · 8/20/2026

web, ide_plugin, library_framework

Source: admin_cms · cms editor · 9/14/2026

Source: admin_cms · cms editor · 9/14/2026

Yes

Source: Repository file · dockerfile=true; compose=true · 9/14/2026

Yes

Source: admin_cms · cms editor · 9/14/2026

Yes

Source: admin_cms · cms editor · 9/14/2026