Repolode
antvis

antvis/Infographic

Декларативный движок для генерации и отображения SVG-инфографики из текстового синтаксиса, рассчитанный на создание с помощью ИИ и потоковый вывод.

Open source альтернатива:Canva

Звёзды
7,016
Форки
583
Открытые issues
27
Последний коммит
20 часов назад

Что это?

AntV Infographic — декларативный движок визуализации инфографики от AntV. Инфографика задаётся с помощью специального текстового синтаксиса, в котором указываются шаблон, компоновка и элементы данных; движок отображает результат в браузере в формате SVG.

Синтаксис допускает неполный ввод, поэтому результат, сгенерированный ИИ-моделью, можно постепенно отображать по мере поступления потока данных. В пакет входят около 200 готовых шаблонов, компонентов для элементов данных и вариантов компоновки, а также система тем с рисованными от руки, градиентными и узорными стилями и встроенный редактор для настройки сгенерированных результатов.

Проект опубликован в npm под именем @antv/infographic и включает skills для AI coding agents, таких как Claude Code и Codex. Они генерируют синтаксис инфографики или HTML по описаниям.

Ключевые возможности

  • 01Декларативный синтаксис инфографики с выводом в SVG по умолчанию
  • 02Около 200 готовых шаблонов, компонентов для элементов данных и вариантов компоновки
  • 03Система тем с рисованными от руки, градиентными и узорными стилями
  • 04Потоковый рендеринг: инфографика обновляется по мере поступления вывода ИИ
  • 05Встроенный редактор для изменения сгенерированной инфографики

Сценарии использования

  • Преобразование текста или списков шагов, сгенерированных ИИ, в инфографику в веб-приложении
  • Встраивание редактируемой инфографики в документацию или инструменты для работы с Markdown
  • Создание AI-агентов, которые генерируют инфографику в HTML или SVG по промптам
  • Создание диаграмм процессов или списков для презентаций и статей

Быстрый старт

  1. 1

    Установите пакет из npm

    npm install @antv/infographic
  2. 2

    Создайте экземпляр Infographic, указав контейнер, и вызовите render с синтаксисом инфографики

Темы

Частые вопросы

Что такое Infographic?
Декларативный движок для генерации и отображения SVG-инфографики из текстового синтаксиса, рассчитанный на создание с помощью ИИ и потоковый вывод. AntV Infographic — декларативный движок визуализации инфографики от AntV. Инфографика задаётся с помощью специального текстового синтаксиса, в котором указываются шаблон, компоновка и элементы данных; движок отображает результат в браузере в формате SVG.
Infographic можно использовать бесплатно? Какая у него лицензия?
Infographic распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
Infographic всё ещё поддерживается?
Активно поддерживается. Последний коммит в Infographic — 19 окт. 2026 г..
Для чего можно использовать Infographic?
Преобразование текста или списков шагов, сгенерированных ИИ, в инфографику в веб-приложении Встраивание редактируемой инфографики в документацию или инструменты для работы с Markdown Создание AI-агентов, которые генерируют инфографику в HTML или SVG по промптам Создание диаграмм процессов или списков для презентаций и статей
Как установить Infographic?
Установите пакет из npm: npm install @antv/infographic Создайте экземпляр Infographic, указав контейнер, и вызовите render с синтаксисом инфографики
Где скачать Infographic?
Исходный код и инструкции по установке — на GitHub: https://github.com/antvis/Infographic

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Apache Maka (Incubating) — рабочее пространство для агентов с интерфейсами Desktop, TUI и CLI, которое записывает каждое сообщение модели, вызов инструмента и решение о разрешении в журнал событий только для добавления.

5,9 тыс.559TypeScriptApache-2.0Обновлён 12 часов назад