multi-chart-draw

Generate and render Mermaid, ECharts, Mindmap, DrawIO, and GeoGebra charts from natural language prompts.

68|5|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/twwch/OpenSkills --skill multi-chart-draw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: multi-chart-draw
Source: https://github.com/twwch/OpenSkills/tree/main/examples/multi-chart-draw
Command: npx skills add https://github.com/twwch/OpenSkills --skill multi-chart-draw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

该 Skill 将多种图表类型整合在一个工作流中,利用 AI 驱动的生成能力,帮助用户无需切换工具即可创建 Mermaid、ECharts、Mindmap、DrawIO、GeoGebra 等图表,并可导出为 PNG、SVG、HTML 等格式。

Core Features & Use Cases

  • Unified chart generation across Mermaid, ECharts, Mindmap, DrawIO, and GeoGebra with output in PNG, SVG, or HTML.
  • Automated rendering pipelines using Python and Node.js tools to produce ready-to-use visuals for reports, dashboards, and documentation.
  • Use Case: A product team can describe a workflow, and the Skill will generate a corresponding Mermaid flowchart, an ECharts dashboard, and a GeoGebra function plot in one go.

Quick Start

Describe the chart you need in natural language and the Skill will generate and render Mermaid, ECharts, Mindmap, DrawIO, or GeoGebra outputs.

Frequently Asked Questions about multi-chart-draw

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

FAQPage Schema
How do I generate Mermaid flowcharts and ECharts visualizations from natural language?

You can generate Mermaid flowcharts and ECharts visualizations by describing your requirements in natural language. The Skill coordinates Python scripts and CLI tools to automatically parse prompts and render diagrams, dashboards, and plots without manual coding.

What is the best way to export DrawIO diagrams and Mindmaps to PNG, SVG, or HTML?

The best way to export DrawIO diagrams and Mindmaps to PNG, SVG, or HTML is using an automated rendering pipeline. The Skill processes natural language inputs, leverages local assets, and outputs ready-to-use visual files for documentation and reports.

Can I generate multiple chart types like Mermaid and GeoGebra in a single workflow?

Yes, you can generate multiple chart types like Mermaid and GeoGebra in a single workflow. The Skill integrates these tools, allowing you to produce flowcharts, data visualizations, and mathematical plots simultaneously from one natural language prompt.

Do I need Python or Node.js installed to automate chart generation and rendering?

You need Python or Node.js environments to automate chart generation and rendering. The Skill relies on these CLI tools and local scripts to execute rendering pipelines, handle errors, and apply fallback behavior for outputs like PNG, SVG, or HTML.

Why does my Mindmap or ECharts generation fail when parsing natural language inputs?

Mindmap or ECharts generation may fail due to ambiguous natural language inputs or missing local dependencies. The Skill includes error handling and fallback behavior to manage rendering issues, but ensuring clear prompts and proper environment setup is required.