What is this?
AntV Infographic is a declarative framework for generating and rendering infographics, built so AI can turn text descriptions into polished visual infographics rendered as SVG.
AntV Infographic is a declarative framework for generating and rendering infographics, built so AI can turn text descriptions into polished visual infographics rendered as SVG.Is this a rendering library or a full design app?It is a TypeScript rendering engine and library with about 200 built-in templates, data-item components, and layouts, not a standalone design app — you embed it in your own tool or use it through community-built apps, CLI, or editor extensions.
It is a TypeScript rendering engine and library with about 200 built-in templates, data-item components, and layouts, not a standalone design app — you embed it in your own tool or use it through community-built apps, CLI, or editor extensions.How do I get it running?You install the @antv/infographic package and follow the Quick Start guide to render infographics from its declarative syntax; AI agent skills for Claude Code or Codex can also be installed to generate infographics automatically.
You install the @antv/infographic package and follow the Quick Start guide to render infographics from its declarative syntax; AI agent skills for Claude Code or Codex can also be installed to generate infographics automatically.Do I need an AI provider to use it?No AI access is required for the core rendering engine itself; AI is only involved if you plug it into an agent like Claude Code or Codex using the provided skills to generate the infographic syntax.
No AI access is required for the core rendering engine itself; AI is only involved if you plug it into an agent like Claude Code or Codex using the provided skills to generate the infographic syntax.What happens if AI output is malformed while streaming?The infographic syntax is designed to be highly fault-tolerant specifically so AI-streamed output can be progressively rendered even if it is incomplete or imperfect.
The infographic syntax is designed to be highly fault-tolerant specifically so AI-streamed output can be progressively rendered even if it is incomplete or imperfect.Does this run in the browser, Node, or both?It is a universal TypeScript library that renders to SVG and works in both browser and Node environments, with the broader ecosystem adding integrations like a CLI, VSCode extension, and React wrapper.
It is a universal TypeScript library that renders to SVG and works in both browser and Node environments, with the broader ecosystem adding integrations like a CLI, VSCode extension, and React wrapper.What file format does the output use?It renders to SVG by default, which the project says keeps visual fidelity high and makes the result easy to edit afterward.
It renders to SVG by default, which the project says keeps visual fidelity high and makes the result easy to edit afterward.Can I use this from Python instead of JavaScript?The core library is TypeScript/JavaScript, but the community maintains feffery-infographic, a Python wrapper for building infographics with Plotly Dash.
The core library is TypeScript/JavaScript, but the community maintains feffery-infographic, a Python wrapper for building infographics with Plotly Dash.Does it integrate with editors like VS Code or Obsidian?Yes, the ecosystem includes a dedicated VSCode extension and an Obsidian plugin that preview and render Infographic syntax directly inside those apps.
Yes, the ecosystem includes a dedicated VSCode extension and an Obsidian plugin that preview and render Infographic syntax directly inside those apps.What is the DeepSeek Harness plugin for this project?dsh-antv-infographic is a community DeepSeek Harness plugin that lets agents stream, edit, and export Infographic diagrams inside that harness.
dsh-antv-infographic is a community DeepSeek Harness plugin that lets agents stream, edit, and export Infographic diagrams inside that harness.What are similar projects?bolt-slides, baoyu-skills, marp, dsh-openpencil, html-anything, deepseek-design, chubbyskills, apexcharts.js
bolt-slides, baoyu-skills, marp, dsh-openpencil, html-anything, deepseek-design, chubbyskills, apexcharts.jsWhich topics is it in?ppt, obsidian, presentation, firefox-extension, vscode, wechat, chrome-extension, theme, svg, visualization, editor, deepseek-harness
ppt, obsidian, presentation, firefox-extension, vscode, wechat, chrome-extension, theme, svg, visualization, editor, deepseek-harness