infographic

Name: infographic
Availability: InStock
Author: plc1220

Convert user content into AntV Infographic DSL and a renderable HTML document.

10|3|Updated Oct 26, 2025

Search Tags:#template #dsl #infographic #svg-export #data-visualization #html-generation #antv

Ready to run

npx skills add https://github.com/plc1220/HelpUDoc --skill infographic-plc1220

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: infographic
Source: https://github.com/plc1220/HelpUDoc/tree/main/skills/infographic
Command: npx skills add https://github.com/plc1220/HelpUDoc --skill infographic-plc1220

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convert user-provided content into AntV Infographic DSL and generate a complete HTML file that renders the infographic and supports SVG export.

Core Features & Use Cases

Generate AntV Infographic DSL from user content.
Produce a full HTML file that renders the infographic and includes an SVG export button.
Write the HTML file to the workspace using write_file.
Supports multiple templates to fit different information structures.

Quick Start

Provide your content and select a template to generate the infographic DSL and HTML.

Frequently Asked Questions about infographic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I convert content into an interactive infographic for data visualization?▼

To convert content into an interactive infographic, provide your text or data and select a template. The tool generates an AntV Infographic DSL and a renderable HTML document with an SVG export button.

Can I export my data visualization as an SVG file from an HTML document?▼

Yes, you can export your data visualization as an SVG file. The generated HTML document includes a built-in SVG export button, allowing you to save the rendered infographic directly from your browser.

How do I generate AntV Infographic DSL from raw text content?▼

You generate AntV Infographic DSL by providing your raw content to the system. It applies infographic generation rules to structure your data, automatically selecting a template that best fits your information.

What is the best way to structure data storytelling content for infographic generation?▼

The best way to structure data storytelling content for infographic generation is to provide clear, organized text or data. The system uses multiple templates to determine the infographic structure, fitting different information structures automatically.

Does this infographic generator require any external dependencies or libraries?▼

No, this infographic generator does not require any external dependencies or component libraries. It operates standalone to convert your content into AntV Infographic DSL and writes a complete HTML file directly to your workspace.

Why does my generated infographic HTML file need to be written to the workspace?▼

Your generated infographic HTML file is written to the workspace using the write_file operation. This ensures the fully renderable HTML document and its associated DSL are saved locally, returning the file path for direct access.