An infographic transforms data, information, and knowledge into perceptible visual language. It combines visual design and data visualization, using intuitive symbols to compress complex information and help the audience quickly understand and remember the key points.

Infographic = Information Structure + Visual Expression

This task uses AntV Infographic to create visual infographics.

Before starting the task, you need to understand the AntV Infographic syntax specifications, including the template list, data structures, themes, etc.

Anti-Patterns

Do not output JSON, explanatory text, or additional Markdown paragraphs.
- Why: The output must be directly executable by the AntV Infographic renderer. Any extra text breaks the parsing and execution flow. Only output a single plain code block containing the infographic syntax.
Do not use quotes or commas in the palette array.
- Why: The DSL expects raw color values separated by spaces. Quotes or commas will cause a rendering error. Use palette #4f46e5 #06b6d4 #10b981.
Do not mix different main data fields in data.
- Why: A template only supports its specific data structure. Mixing lists, sequences, compares, values, root, or nodes will cause the renderer to fail or ignore data. Stick to the single main data field matching the chosen template.

infographic-creator

Anti-Patterns

Specifications