skills.rest
AIAsys
AIAsysOFFICIAL
Explore all skills by this author →
GitHub

AIASys Data Visualization Guide

Define standardized ECharts and CSV visualization output rules for AIASys.

21|12|Updated May 17, 2026
Search Tags:#matplotlib#data-visualization#echarts#aiasys#csv-preview#workspace-directives#visualization-standards
One-click install
npx skills add https://github.com/AIAsys/AIASys --skill aiasys-data-visualization-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: AIASys Data Visualization Guide
Source: https://github.com/AIAsys/AIASys/tree/main/apps/backend/skills/builtin/aiasys-data-viz-guide-skill
Command: npx skills add https://github.com/AIAsys/AIASys --skill aiasys-data-visualization-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates inconsistent, non-compliant data visualization outputs from AIASys data analyst agents, which can cause frontend rendering errors, require time-consuming manual formatting fixes, and violate platform display protocols.

Core Features & Use Cases

  • ECharts Interactive Chart Standards: Defines the required file structure, save path, and directive usage for interactive ECharts chart assets that render natively in the AIASys workspace.
  • CSV Table Preview Rules: Specifies how to save and reference CSV files to enable inline table display in final agent outputs.
  • Static Image Fallback Guidelines: Outlines approved scenarios and correct referencing methods for matplotlib-generated static images when interactive charts are not suitable.
  • Prohibited Practice Enforcement: Explicitly bans base64 image embedding to prevent bloated message history and frontend parsing errors. Use case: When a data analyst agent generates a quarterly sales trend chart for an AIASys workspace report, this Skill ensures the chart is saved as a compliant ECharts asset and referenced correctly to display properly for end users.

Quick Start

When you need to output a data visualization in an AIASys workspace, follow this Skill's ECharts first rule to save chart assets to the _charts directory and reference them with the aiasys-file directive in your final response to ensure correct rendering.

Frequently Asked Questions about AIASys Data Visualization Guide

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

FAQPage Schema
How do I display interactive ECharts in AIASys workspace without frontend rendering errors?▼

To display interactive ECharts in the AIASys workspace without rendering errors, save chart assets to the designated _charts directory and reference them using the aiasys-file directive in your final agent output. This enforces ECharts asset structure specifications for consistent frontend rendering.

Why should I avoid base64 image embedding for data visualization outputs?▼

You should avoid base64 image embedding for data visualization outputs because it bloats message history and causes frontend parsing errors. The AIASys data visualization standards explicitly ban this practice to ensure consistent rendering and maintain optimal workspace performance.

What is the correct way to preview CSV tables inline in AIASys data analysis reports?▼

The correct way to preview CSV tables inline in AIASys data analysis reports is to save the CSV files according to specified CSV table preview rules and reference them with the aiasys-file directive. This enables proper inline table display directly within the final agent outputs.

When should I use matplotlib static images instead of ECharts for data visualization?▼

You should use matplotlib static images instead of ECharts as a fallback when interactive charts are not suitable for your data visualization task. Follow the static image fallback guidelines to ensure correct referencing methods are applied for research and reporting use cases.

Does the AIASys data visualization standard support matplotlib for generating research charts?▼

Yes, the AIASys data visualization standard supports matplotlib for generating static research charts. It provides static image fallback guidelines specifying approved scenarios and correct referencing methods for matplotlib-generated outputs when interactive ECharts are not applicable.

What are the limitations of using ECharts for data visualization in the AIASys platform?▼

ECharts limitations in the AIASys platform include strict asset structure specifications and mandatory save paths in the _charts directory. You must use the aiasys-file directive for referencing, and base64 embedding is prohibited to prevent bloated message history and frontend parsing errors.

Related Skills

Explore More Data & Analytics Skills→
AIAsysAIAsys
21

AIASys Notebook-first Workflow

Enforce structured notebook-first workflows for Python data analysis in AIASys.

Official
Intermediate
ZJU-REALZJU-REAL
195

data-analysis-report-generator

Analyze Excel and CSV files and generate interactive HTML reports with ECharts.

Official
Advanced
mdpman2mdpman2
8

data-analyst

Automate data analysis tasks with Python using pandas, numpy, matplotlib, and seaborn.

Community
Intermediate
AIAsysAIAsys
21

AIASys Markdown Output Guide

Define AIASys Markdown syntax for ECharts, CSV, images, formulas, and Mermaid.

Official
Basic