skills.rest
LingyiChen-AI
LingyiChen-AICOMMUNITY
Explore all skills by this author →
GitHub

multi-chart-draw

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

17|1|Updated Jan 26, 2026
Search Tags:#charts#mermaid#visualization#drawio#mindmap#echarts#geogebra
One-click install
npx skills add https://github.com/LingyiChen-AI/multi-chart-draw-skills --skill multi-chart-draw-lingyichen-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: multi-chart-draw
Source: https://github.com/LingyiChen-AI/multi-chart-draw-skills/tree/main
Command: npx skills add https://github.com/LingyiChen-AI/multi-chart-draw-skills --skill multi-chart-draw-lingyichen-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pyecharts, mermaid-cli, markmap-cli, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

A single tool to generate and export multiple chart types from natural-language requests, helping teams quickly visualize processes, data, and concepts without manual diagramming.

Core Features & Use Cases

  • Mermaid diagrams for workflows, sequences, Gantt charts, class diagrams, and ER diagrams.
  • ECharts visualizations for bar, line, pie, and scatter charts with interactive HTML exports.
  • Mindmap for knowledge mapping, project planning, and idea organization.
  • DrawIO for system architecture, network topology, and UML-style diagrams.
  • GeoGebra for mathematical functions, geometry, and algebra visualization.
  • Exports to PNG, SVG, and HTML formats to fit docs, dashboards, and reports.

Quick Start

Describe your chart requirement in Claude Code and the Skill will generate the chart in PNG, SVG, or HTML.

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 and ECharts diagrams from natural language prompts?▼

Generating Mermaid and ECharts diagrams from natural language involves describing your chart requirements, which the tool then deterministically renders into PNG, SVG, or HTML outputs using provided scripts.

Can I export interactive HTML charts and static PNG visualizations from a single tool?▼

Yes, you can export both interactive HTML charts and static PNG or SVG visualizations from a single tool, fitting seamlessly into documentation, dashboards, and reports.

Does this visualization tool support DrawIO for system architecture and GeoGebra for mathematical functions?▼

Yes, this visualization tool supports DrawIO for system architecture and GeoGebra for mathematical functions, alongside Mermaid, ECharts, and Mindmap for comprehensive diagramming needs.

What is the best way to create mindmaps and Gantt charts without manual diagramming?▼

The best way to create mindmaps and Gantt charts without manual diagramming is using a natural-language visualization generator that leverages Mermaid and markmap-cli to automate rendering and export workflows.

What dependencies are needed to render Mermaid diagrams and ECharts visualizations?▼

Rendering Mermaid diagrams and ECharts visualizations requires pyecharts, mermaid-cli, and markmap-cli dependencies, which are managed automatically with proper error handling during rendering.

Why does deterministic rendering matter when generating multi-chart visualizations?▼

Deterministic rendering matters for multi-chart visualizations because it ensures consistent output via provided scripts and proper dependency management, preventing rendering errors across different environments.

Related Skills

Explore More Data & Analytics Skills→
ssiumhassiumha
9

drawio

Generate non-compressed draw.io mxfile XML diagrams from user prompts.

Community
Advanced
odylithodylith
34

odylith-atlas-render

Render Atlas diagrams from Yardl or other sources into Minecraft's Yak? No, Yak is not involved. Actually, reprocess the request: convert Mermaid catalog data to Atlas diagrams and export them as SVG or PNG files for use in documentation and presentations.

Official
Intermediate
spqwspqw

observable-framework-lib-echarts

Integrate Apache ECharts for interactive data visualizations in Observable Framework projects.

Community
Intermediate
claude-office-skillsclaude-office-skills
368

chart-designer

Generate ECharts and Chart.js configurations for recommended chart types.

Official
Intermediate