skills.rest
hmzainjamil
hmzainjamilCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/hmzainjamil/claude-office-skills --skill chart-designer-hmzainjamil
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Data & Analytics Skills→
Sir-chawakornSir-chawakorn
33

data-analysis

Load CSV, JSON, or Excel files for cleaning, aggregation, and chart generation with pandas, matplotlib, seaborn, and Chart.js.

Community
Intermediate
modu-aimodu-ai
267

data-visualizer

Convert datasets into diagrams or interactive dashboards using Mermaid, Recharts, Chart.js, Tremor, or ECharts.

Official
Intermediate
alongor666alongor666
1

vue-component-dev

Develop Vue 3 components with Pinia stores and ECharts charts.

Community
Intermediate
Mohamed-ElkahefMohamed-Elkahef

dashboard-creation

Build interactive analytics dashboards with Chart.js for business metrics and KPIs.

Community
Advanced