Mindchart Infographic Generator

The Core Problem It Solves: Bridging the Gap Between Code and Visual Configuration

When creating technical documentation, data analysis reports, or product demos, engineers and authors frequently need to transform complex informational relationships (like processes, comparisons, or hierarchies) into intuitive diagrams. Traditional methods, such as writing SVG/Canvas code from scratch or configuring generic charting tools (like ECharts) via JSON, suffer from steep learning curves or a lack of flexibility for expressing informational structures. Mindchart tackles this by providing a declarative DSL (Domain-Specific Language) specifically designed for infographics, enabling AI or developers to generate rendering configurations directly from concise text, thereby rapidly producing visually accurate results.

How It Works: An Infographic Generation Pipeline Based on AntV Syntax

The skill's core is the AntV Infographic Syntax, a custom DSL using indentation to denote structure, optimized for AI streaming output. Its workflow strictly follows several key steps:

1. Requirement Analysis & Template Selection: It first analyzes user intent to select the most appropriate structure from a predefined template library (e.g., sequence-*, compare-binary-*, hierarchy-mindmap-*). The template defines the information skeleton.
2. Syntax Generation: Based on the chosen template's syntax rules, it populates the data block (containing title, desc, and the main data field) and the theme block (defining palette, fonts, etc.). Syntax rules are strict, for instance: the first line must be infographic, and palette colors use bare values without quotes.
3. Self-Check and Output: Before outputting the code block, a checklist verifies key items: Is there only one main data field matching the template? Does every item under children explicitly contain a label? The final output is a pure, renderable code block without any extra explanation.

The generated syntax file (.md) is subsequently rendered into SVG via an internal pipeline and converted to PNG for direct use.

Application Scope and Important Considerations

Mindchart excels at quickly and canonically generating static infographics, particularly for expressing processes, comparisons, hierarchies, and simple statistical trends. However, it has clear boundaries:

• Purpose-Built for Infographics: It is not designed for creating highly customized interactive dashboards or real-time data-driven charts. Its strength lies in expressing informational structure and logical relationships, not real-time data analysis.
• Strict Syntax Constraints: For example, the compare-binary-* template mandates exactly two root nodes, and the palette color format must be strictly followed. This makes it suitable for structured, pattern-based output rather than completely freeform creative drawing.
• Dependence on Templates and Rules: Output quality heavily relies on adhering to the template selection guidelines and correctly applying the syntax. For special requirements beyond the provided templates, falling back to the generic items structure may be necessary.