Infographic

What it is

Infographic is AntV's declarative infographic visualization engine designed to render AI-generated infographics with SVG output by default. It includes an editor for infographics and supports streaming rendering of AI output.

How it works

The project exposes an Infographic class that can be instantiated with options such as container, width, height, and editable flag, then render is called with an infographic syntax string. It supports streaming rendering by progressively feeding chunks to the render method.

Getting started

Installation:

npm install @antv/infographic

Quick start snippet:

import { Infographic } from '@antv/infographic';

const infographic = new Infographic({
  container: '#container',
  width: '100%',
  height: '100%',
  editable: true,
});

infographic.render(`
infographic list-row-simple-horizontal-arrow
data
  lists
    - label Step 1
      desc Start
    - label Step 2
      desc In Progress
    - label Step 3
      desc Complete
`);

Streaming Rendering:

let buffer = '';
for (const chunk of chunks) {
  buffer += chunk;
  infographic.render(buffer);
}

Recent releases

Latest 5 releases:

• 0.2.19 0.2.19 (2026-05-06): feat: add Shadow Root support for the editor by @xxMudCloudxx in https://github.com/antvis/Infographic/pull/224; refactor: rename misleading variables and apply targeted code quali
• 0.2.17 0.2.17 (2026-04-15): fix: resolve missing colorBg in global theme options and render output by @xxMudCloudxx in https://github.com/antvis/Infographic/pull/219; fix: support rendering into ShadowRoot c
• 0.2.16 0.2.16 (2026-03-05): docs: add compact ecosystem section to README by @Copilot in https://github.com/antvis/Infographic/pull/215; fix(sequence-interaction): resolve lifeline penetration issues using S
• 0.2.15 0.2.15 (2026-02-27): feat(editor): add dot-notation path intellisense for sync registry by @xxMudCloudxx in https://github.com/antvis/Infographic/pull/205; refactor(editor): streamline option updates
• 0.2.14 0.2.14 (2026-02-11): feat(editor): add DragCanvas interaction with customizable trigger keys by @xxMudCloudxx in https://github.com/antvis/Infographic/pull/191; fix(editor): prevent crash when getDatu

Traction

5682 stars; 437 forks; 20 open issues.

Behind the repo

Not provided in the facts.

Caveats

License: MIT. Created 2025-09-11; last push 2026-06-01.