# AntV Infographic — AI-Powered Infographic Generation Framework

> An infographic generation and rendering framework by Ant Group that transforms text and data into visual infographics using AI.

## Install

Save in your project root:

# AntV Infographic — AI-Powered Infographic Generation Framework

## Quick Use
```bash
npm install @antv/infographic
```
```javascript
import { Infographic } from '@antv/infographic';
const ig = new Infographic({ container: '#app' });
ig.render({ title: 'Sales Report', data: chartData, theme: 'modern' });
```

## Introduction
AntV Infographic is a framework from the Ant Group visualization team that generates and renders rich infographics from structured data and natural language descriptions. It bridges the gap between raw data and publication-ready visual content by combining layout algorithms with AI-driven content generation.

## What AntV Infographic Does
- Generates complete infographics from text descriptions or data inputs
- Provides a library of layout templates for different content types
- Renders responsive SVG and Canvas outputs for web and print
- Integrates with LLMs for automated copy and annotation generation
- Supports interactive and animated infographic outputs

## Architecture Overview
The framework consists of three layers: a data-to-layout engine that maps input structure to spatial arrangements, a rendering engine built on AntV G (Canvas/SVG), and an AI content layer that uses LLMs to generate titles, annotations, and narrative text. Templates define the visual grammar while the AI fills in context-appropriate content.

## Self-Hosting & Configuration
- Install as an npm package in any JavaScript/TypeScript project
- Configure LLM provider (OpenAI, local, or custom endpoint) for AI features
- Customize themes via JSON configuration files
- Static rendering mode available for server-side generation
- Export to PNG, SVG, or PDF for print workflows

## Key Features
- 50+ built-in infographic templates covering timelines, comparisons, and flows
- Theme system with dark mode and brand color support
- Responsive layouts that adapt from mobile to large displays
- Animation support for web-based presentations
- Plugin architecture for custom chart types and layouts

## Comparison with Similar Tools
- **Canva** — proprietary SaaS with manual design; AntV Infographic auto-generates from data
- **D3.js** — low-level visualization library; AntV Infographic is high-level and template-driven
- **Piktochart** — drag-and-drop editor; AntV Infographic is code-first and automatable
- **Apache ECharts** — charts only; AntV Infographic creates full narrative infographics

## FAQ
**Q: Can it generate infographics from just a text prompt?**
A: Yes, with an LLM backend configured it can generate layouts and content from descriptions.

**Q: Is it free for commercial use?**
A: Yes, released under the MIT license.

**Q: Does it work server-side for batch generation?**
A: Yes, a headless rendering mode supports Node.js for bulk export.

**Q: Which LLM providers are supported?**
A: Any OpenAI-compatible API including local models via Ollama.

## Sources
- https://github.com/antvis/Infographic


---
Source: https://tokrepo.com/en/workflows/asset-86e9868b
Author: AI Open Source