4.3 KiB
4.3 KiB
📊 Smart Infographic (AntV)
Author: Fu-Jie | Version: 1.4.9 | Project: Awesome OpenWebUI
An Open WebUI plugin powered by the AntV Infographic engine. It transforms long text into professional, beautiful infographics with a single click.
🔥 What's New in v1.4.9
- 🎨 70+ Official Templates: Integrated comprehensive AntV infographic template library.
- 🖼️ Iconify & unDraw Support: Richer visuals with official icons and illustrations.
- 📏 Visual Optimization: Improved text wrapping, adaptive sizing, and layout refinement.
- ✨ PNG Upload: Infographics now upload as PNG format for better Word export compatibility.
- 🔧 Canvas Conversion: Uses browser canvas for high-quality SVG to PNG conversion (2x scale).
Previous: v1.4.0
- ✨ Default Mode Change: Default output mode is now
image(static image) for better compatibility. - 📱 Responsive Sizing: Images now auto-adapt to the chat container width.
✨ Key Features
- 🚀 AI-Powered Transformation: Automatically analyzes text logic, extracts key points, and generates structured charts.
- 🎨 70+ Professional Templates: Includes various AntV official templates: Lists, Trees, Roadmaps, Timelines, Comparison Tables, SWOT, Quadrants, and Statistical Charts.
- 🔍 Auto-Icon Matching: Built-in logic to search and match the most relevant icons (Iconify) and illustrations (unDraw).
- 📥 Multi-Format Export: Download your infographics as SVG, PNG, or a Standalone HTML file.
- 🌈 Highly Customizable: Supports Dark/Light modes, auto-adapts theme colors, with bold titles and refined card layouts.
- 📱 Responsive Design: Generated charts look great on both desktop and mobile devices.
🚀 How to Use
- Install: Search for "Smart Infographic" in the Open WebUI Community and install.
- Trigger: Enter your text in the chat, then click the Action Button (📊 icon) next to the input box.
- AI Processing: The AI analyzes the text and generates the infographic syntax.
- Preview & Download: Preview the result and use the download buttons below to save your infographic.
⚙️ Configuration (Valves)
You can adjust the following parameters in the plugin settings to optimize the generation:
| Parameter | Default | Description |
|---|---|---|
| Show Status (SHOW_STATUS) | True |
Whether to show real-time AI analysis and generation status in the chat. |
| Model ID (MODEL_ID) | Empty |
Specify the LLM model for text analysis. If empty, the current chat model is used. |
| Min Text Length (MIN_TEXT_LENGTH) | 100 |
Minimum characters required to trigger analysis, preventing accidental triggers on short text. |
| Clear Previous (CLEAR_PREVIOUS_HTML) | False |
Whether to clear previous charts. If False, new charts will be appended below. |
| Message Count (MESSAGE_COUNT) | 1 |
Number of recent messages to use for analysis. Increase this for more context. |
| Output Mode (OUTPUT_MODE) | image |
image for static image embedding (default, better compatibility), html for interactive chart. |
🛠️ Supported Template Types
| Category | Template Name | Use Case |
|---|---|---|
| Sequence | sequence-timeline-simple, sequence-roadmap-vertical-simple, sequence-snake-steps-compact-card |
Timelines, Roadmaps, Processes |
| Lists | list-grid-candy-card-lite, list-row-horizontal-icon-arrow, list-column-simple-vertical-arrow |
Features, Bullet Points, Lists |
| Comparison | compare-binary-horizontal-underline-text-vs, compare-swot, quadrant-quarter-simple-card |
Pros/Cons, SWOT, Quadrants |
| Hierarchy | hierarchy-tree-tech-style-capsule-item, hierarchy-structure |
Org Charts, Structures |
| Charts | chart-column-simple, chart-bar-plain-text, chart-line-plain-text, chart-wordcloud |
Trends, Distributions, Metrics |
📝 Syntax Example (For Advanced Users)
You can also input this syntax directly for AI to render:
infographic list-grid
data
title 🚀 Plugin Benefits
desc Why use the Smart Infographic plugin
items
- label Fast Generation
desc Convert text to charts in seconds
- label Beautiful Design
desc Uses AntV professional design standards