chart-visualization

Generates JavaScript chart images from specified data and parameters.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/gman-robotics/gmr-deerflow --skill chart-visualization-gman-robotics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chart-visualization
Source: https://github.com/gman-robotics/gmr-deerflow/tree/main/skills/public/chart-visualization
Command: npx skills add https://github.com/gman-robotics/gmr-deerflow --skill chart-visualization-gman-robotics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires nodejs, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill transforms raw data into insightful visual charts, making complex information easy to understand and present.

Core Features & Use Cases

  • Intelligent Chart Selection: Automatically chooses the best chart type (from 26 options) based on data characteristics.
  • Parameter Extraction: Accurately extracts necessary parameters according to detailed specifications for each chart type.
  • Image Generation: Creates chart images using a JavaScript script.
  • Use Case: You have a dataset of monthly sales figures. This skill can generate a line chart to show the trend over time, or a bar chart to compare sales across different regions.

Quick Start

Use the chart-visualization skill to generate a line chart with the provided data.

Frequently Asked Questions about chart-visualization

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

FAQPage Schema
How do I visualize raw data as a chart automatically?

To visualize raw data as a chart, this skill analyzes your dataset characteristics and automatically generates an appropriate chart image. It supports 26 predefined chart types including time series, comparisons, and hierarchies.

What types of charts can I generate for data reporting?

You can generate 26 types of charts for data reporting, categorized into time series, comparisons, part-to-whole, relationships, maps, hierarchies, and specialized charts based on your specific data structure.

Do I need Node.js to generate chart images from my data?

Yes, you need Node.js installed because the skill uses a JavaScript script to process parameters and generate the final chart images from your detailed data inputs.

How do I create a time series chart from a monthly sales dataset?

To create a time series chart from monthly sales data, provide the detailed figures and let the skill extract the necessary parameters to render a line chart showing the trend over time.

What is the best way to compare sales across different regions in a graph?

The best way to compare sales across regions in a graph is to use this skill's automatic chart selection, which will likely generate a bar chart to accurately represent the comparative data.

What data do I need to provide for accurate chart visualization?

You need to provide detailed data and specific parameters extracted according to the reference specifications for each chart type to ensure accurate chart visualization generation.