skills.rest
xiaoyuge886
xiaoyuge886COMMUNITY
Explore all skills by this author →
GitHub

echarts_chart

Generate ECharts JSON configurations for line, bar, pie, scatter, and radar charts.

196|20|Updated Jan 17, 2026
Search Tags:#charts#reporting#json#data analysis#visualization#echarts
One-click install
npx skills add https://github.com/xiaoyuge886/aigc --skill echarts-chart
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: echarts_chart
Source: https://github.com/xiaoyuge886/aigc/tree/main/.claude/skills/echarts_chart
Command: npx skills add https://github.com/xiaoyuge886/aigc --skill echarts-chart

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the complexity of manually writing ECharts configuration code, allowing users to generate professional, interactive data visualizations directly from their data and analysis requirements.

Core Features & Use Cases

  • Automated Configuration: Automatically generates valid, high-quality ECharts JSON configurations based on user data.
  • Dual-Output Workflow: Simultaneously provides a Markdown-rendered preview for the chat interface and a persistent JSON file for long-term storage.
  • Use Case: A user needs to visualize sales trends or product distribution; this skill analyzes the data, selects the optimal chart type (e.g., line, pie, bar), and saves the configuration to the project workspace while displaying it in the chat.

Quick Start

Use the echarts_chart skill to analyze the provided sales data and generate a professional line chart showing the monthly trend.

Frequently Asked Questions about echarts_chart

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

FAQPage Schema
How do I generate ECharts JSON configurations for data visualization without writing code manually?▼

To generate ECharts visualizations, simply provide your dataset and analytical requirements. The tool analyzes the input data and automatically outputs valid ECharts JSON configurations, bypassing the need to write configuration code manually.

What types of charts can I create for business intelligence reporting?▼

You can create line, bar, pie, scatter, and radar plots for business intelligence reporting. The tool automatically selects the optimal chart type based on your dataset to effectively visualize trends and distributions.

Does the generated ECharts configuration support both real-time preview and persistent file storage?▼

Yes, the tool provides a dual-output workflow for ECharts configurations. It simultaneously renders a Markdown preview in the chat interface and saves a persistent JSON file to your designated workspace directory for long-term storage.

What is the best way to visualize sales trends using ECharts from raw JSON data?▼

The best way to visualize sales trends from raw JSON data is to input the dataset and specify the analytical requirement. The tool automatically generates an ECharts line chart configuration, rendering a Markdown preview and saving the file.

Are there any limitations on the data formats or environments for generating ECharts visualizations?▼

The tool requires user-provided datasets and analytical requirements to function. It operates with no external dependencies, rendering Markdown previews and storing persistent JSON files directly in the designated workspace directory.

Related Skills

Explore More Data & Analytics Skills→
bzwh321bzwh321
32

data-analysis-report-agent

Generate interactive HTML reports with ECharts visualizations from hypothesis-driven data analysis.

Community
Advanced
genesis-agentsgenesis-agents
2

chart-renderer

Render charts as SVG strings from data using ECharts server-side.

Community
Intermediate
andikarachmanandikarachman
14

data-preprocessing

Preprocess raw data into clean, analysis-ready datasets with pandas and numpy.

Community
Advanced
seanyofthedeadseanyofthedead

building-streamlit-dashboards

Automate Streamlit dashboard creation with KPI displays and data visualization.

Community
Intermediate