AntV Infographic؛ موتور متنباز ساخت اینفوگرافیک با نحو اعلانی
فرانتاند
جاوااسکریپت
هوش مصنوعیخلاصهٔ کاملتر
AntV Infographic نسل بعدی موتور بصریسازی اینفوگرافیک از مجموعهی AntVه که با یه نحو اعلانیِ طراحیشده، بهسرعت و با انعطاف اینفوگرافیکهای باکیفیت رندر میکنه. هدفش اینه ارائهی اطلاعات و داستانگویی با داده رو سادهتر کنه.
به گفتهی سازنده، این ابزار برای کار با هوش مصنوعی تنظیم شده: نحو و پیکربندیش جوریه که مدل راحت تولیدش کنه، پرامپتها کوتاهن و از خروجی استریمی پشتیبانی میکنه. حدود ۲۰۰ قالب، کامپوننت و چیدمانِ آماده داره، بهعلاوهی یه سیستم تم با حالتهای دستکشیده، گرادیان و الگو.
استفادهش هم سادهست؛ یه شیء میسازی و با نحو خودش رندر میکنی:
import { Infographic } from '@antv/infographic';
const infographic = new Infographic({ container: '#container', editable: true });
infographic.render(`
infographic list-row-simple-horizontal-arrow
data
lists
- label Step 1
desc Start
`);خروجی بهصورت پیشفرض با SVG رندر میشه تا هم کیفیت بصری حفظ بشه و هم ویرایشش راحت باشه.
نکتهی جالبش رندر استریمیه: چون نحوش خطاپذیریِ بالایی داره، میتونی خروجی مدل رو همونطور که تکهتکه میرسه تو یه بافر جمع کنی و تدریجی رندرش کنی، پس کاربر منتظر کاملشدن جواب نمیمونه. یه ویرایشگر داخلی هم هست که نتیجهی تولیدشدهی هوش مصنوعی رو بعداً میشه باهاش دستکاری کرد.
برای اتصال به ایجنتها هم چندتا skill ارائه میده، مثل ساختن فایل HTML اینفوگرافیک یا تولید نحو از روی توضیح، و روی Claude Code و Codex نصب میشه. یه اکوسیستم بزرگ هم دورش شکل گرفته: از رَپر React و افزونهی Obsidian و Slidev تا ابزارهای تولید اسلاید و مارکداون. پروژه با مجوز MIT متنبازه.
نکات کلیدی:
- موتور متنباز رندر اینفوگرافیک با نحو اعلانی از AntV
- حدود ۲۰۰ قالب آماده، سیستم تم و خروجی پیشفرض SVG
- تنظیمشده برای تولید با هوش مصنوعی و رندر استریمی تدریجی
- ویرایشگر داخلی برای دستکاری نتیجه
- skillهایی برای Claude Code و Codex و اکوسیستمی از افزونهها
- مجوز MIT
