chart-designer

Recommend chart types and generate ECharts and Chart.js configurations.

1|Updated May 18, 2026

Search Tags:#data visualization #analytics #dashboard #chart.js #echarts #chart design

Ready to run

npx skills add https://github.com/hmzainjamil/claude-office-skills --skill chart-designer-hmzainjamil

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chart-designer
Source: https://github.com/hmzainjamil/claude-office-skills/tree/main/chart-designer
Command: npx skills add https://github.com/hmzainjamil/claude-office-skills --skill chart-designer-hmzainjamil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you choose and design the right chart for your data so you can communicate trends, comparisons, distributions, and relationships without confusing your audience.

Core Features & Use Cases

Chart Selection Guidance: Recommends the most effective chart type for the data and story you want to tell.
Configuration Generation: Produces ready-to-use ECharts and Chart.js configurations for dashboards, reports, and presentations.
Visualization Best Practices: Applies color, labeling, layout, and accessibility guidance to improve clarity and impact.
Use Case: A product analyst with monthly revenue and user-growth data can use this Skill to get a clean line chart configuration plus styling advice for an executive dashboard.

Quick Start

Describe your dataset, audience, and goal, and ask the chart designer skill to recommend the best chart type and generate the corresponding chart configuration.

Frequently Asked Questions about chart-designer

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

FAQPage Schema

How do I choose the best chart type for my data visualization?▼

To generate ECharts and Chart.js configurations, describe your dataset, audience, and visualization goal. The skill analyzes this input and outputs ready-to-use chart configurations with styling, color, and layout guidance for your dashboards or reports.

Can I get Excel chart specifications for my dashboard reports?▼

Yes, you can get Excel chart specifications for dashboard reports. The skill designs effective data visualizations across common libraries and platforms, generating chart specs and styling guidance to communicate trends and comparisons without confusing your audience.

What's the best way to apply visualization best practices for accessibility?▼

The best way to apply visualization best practices for accessibility is to use guided color, labeling, and layout rules. The skill automatically applies these styling principles to your generated chart configurations to improve clarity and impact for your audience.

Does this tool support configuration generation for both ECharts and Chart.js?▼

Yes, this tool supports configuration generation for both ECharts and Chart.js. It produces ready-to-use configurations for dashboards, reports, and presentations, covering comparison, trend, distribution, relationship, and flow visualization scenarios.