Smart Infographic

By Fu-Jie · v1.6.0	⭐ Star this repo

An Open WebUI plugin powered by the AntV Infographic engine. It transforms long text into professional, beautiful infographics with a single click.

Install with Batch Install Plugins

If you already use Batch Install Plugins from GitHub, you can install or update this plugin with:

Install plugin from Fu-Jie/openwebui-extensions

When the selection dialog opens, search for this plugin, check it, and continue.

Important

If the official OpenWebUI Community version is already installed, remove it first. After that, Batch Install Plugins can keep this plugin updated in future runs.

🔥 What's New in v1.6.0

🌐 Smart Language Detection: Automatically detects the accurate UI language from your browser.
🗣️ Context-Aware Generation: Generated infographics now strictly follow the language of your input content (e.g., input Japanese -> output Japanese infographic).
🐛 Bug Fixes: Fixed issues with language synchronization between the UI and generated content.

✨ 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.

⭐ Support

If this plugin has been useful, a star on OpenWebUI Extensions is a big motivation for me. Thank you for the support.

🛠️ 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

Troubleshooting ❓

Plugin not working?: Check if the filter/action is enabled in the model settings.
Debug Logs: Enable SHOW_STATUS in Valves to see progress updates.
Error Messages: If you see an error, please copy the full error message and report it.
Submit an Issue: If you encounter any problems, please submit an issue on GitHub: OpenWebUI Extensions Issues

Changelog

See the full history on GitHub: OpenWebUI Extensions

📝 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

6.6 KiB Raw Permalink Blame History