Artifacts

Subcategory

Formats

Interactive data visualizations and editors

12 patternsArtifacts
CSV Editor ArtifactSpreadsheet editor with AI chat for data analysis and manipulation. Edit tables through conversation.Oct 2025
Chart ArtifactGenerate burn rate charts and financial analysis through AI chat. Creates interactive visualizations from conversation.Oct 2025
Agent Sheet ArtifactTemplate-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent XLSX ArtifactDownload-first Excel artifact pattern. The agent streams CSV through a tool call, renders a spreadsheet preview, and exports a real .xlsx file with SheetJS.Jun 2026
Agent DOCX ArtifactDownload-first Word artifact pattern. The agent streams Markdown through a tool call, renders a document preview, and exports a real .docx file.Jun 2026
Agent PDF ArtifactDownload-first PDF artifact pattern. The agent streams Markdown through a tool call, renders a live PDF preview, and exports a real .pdf file.Jun 2026
Agent Slides ArtifactTemplate-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Text ArtifactTemplate-style text artifact with data-textDelta streaming via @aisdkagents/react DataStreamController + ArtifactSession, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Code ArtifactTemplate-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Mermaid ArtifactTemplate-style Mermaid artifact with data-mermaidDelta streaming, diagram preview and source editor, SVG/PNG export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Map ArtifactTemplate-style GeoJSON map artifact with data-mapDelta streaming, MapLibre preview and JSON source editor, GeoJSON export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Canvas Draw ArtifactExcalidraw whiteboard artifact with data-whiteboardDelta streaming, uncontrolled canvas, SVG/PNG/.excalidraw export, scene templates (architecture, user flow, org chart), and in-memory versions — no database persistence.Apr 2026

Explore more

Related patterns

JSON Render EmailGenerate production-ready React Email templates with live preview plus copyable HTML and plain-text output.Mar 2026
JSON Render ShadcnAI-generated UI using @json-render/shadcn. Describe a UI in natural language and watch it render with shadcn components.Feb 2026
JSON Render Three.jsAI-generated 3D scenes using @json-render/react-three-fiber. Describe environments, meshes, and lighting to stream live Three.js renders you can orbit immediately.Mar 2026
JSON Render Data TableAI-generated data tables using json-render. Describe columns, rows, sorting, and filters — stream specs into an interactive DataTable with toolbar satellites.Apr 2026
JSON Render ReactAI-generated UI from natural language using @json-render. Describe a UI and watch it stream in progressively with shadcn components.Feb 2026
JSON Render PDFGenerate PDF documents from natural language using @json-render/react-pdf. Describe a document or refine examples to create professional PDFs with streaming spec and live preview.Feb 2026

More in Artifacts

JSON Render

AI-generated UI from natural language with json-render

9 patternsView →

You’ve reached the end of Formats.