🚀 AI-Powered Transformation: Automatically analyzes text logic, extracts key points, and generates structured charts.
🎨 Professional Templates: Includes various AntV official templates: Lists, Trees, Mindmaps, Comparison Tables, Flowcharts, and Statistical Charts.
🔍 Auto-Icon Matching: Built-in logic to search and match the most relevant Material Design Icons based on content.
📥 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.

🛠️ Supported Template Types

Category	Template Name	Use Case
Lists & Hierarchy	`list-grid`, `tree-vertical`, `mindmap`	Features, Org Charts, Brainstorming
Sequence & Relation	`sequence-roadmap`, `relation-circle`	Roadmaps, Circular Flows, Steps
Comparison & Analysis	`compare-binary`, `compare-swot`, `quadrant-quarter`	Pros/Cons, SWOT, Quadrants
Charts & Data	`chart-bar`, `chart-line`, `chart-pie`	Trends, Distributions, Metrics

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

📝 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

👨‍💻 Author

jeff

GitHub: Fu-Jie/awesome-openwebui

📄 License

MIT License