Chart Visualization

When you need to turn data into charts, this handles the whole pipeline: picking the right visualization from 26 chart types (line, bar, sankey, mind maps, even fishbone diagrams), extracting parameters from your data, and generating the actual image via a Node.js script. It's built on AntV and comes with detailed specs in the references folder for each chart type, so you know exactly what args to pass. The workflow is structured but not rigid. You analyze the data, consult the reference docs, build a JSON payload, and get back an image URL. Good for when you want visualization without reinventing the wheel on chart selection logic or rendering.

skills.sh installs: 2.7K
GitHub stars: 85.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bytedance/deer-flow --skill chart-visualization --agent claude-code

Installs into .claude/skills of the current project.

Files

Chart Visualization Skill

This skill provides a comprehensive workflow for transforming data into visual charts. It handles chart selection, parameter extraction, and image generation.

Workflow

To visualize data, follow these steps:

1. Intelligent Chart Selection

Analyze the user's data features to determine the most appropriate chart type. Use the following guidelines (and consult references/ for detailed specs):

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly