Antv G6 Graph

This generates G6 v5 visualization code for networks, trees, flowcharts, and more. It's built around the core gotcha that G6 v5 broke API compatibility with v4, so if you're migrating or copy-pasting old examples you'll hit silent failures and white screens. The skill enforces constructor-based initialization, corrects data structure mistakes like putting labels at the top level instead of in the data field, and handles the removed Mode concept. Useful constraints include catching the autoFit white screen bug with async force layouts and blocking negative nodeStrength values that break physics. Ships with layout recommendations, a full table of built-in node types and behaviors, and error patterns to avoid.

Install to Claude Code

npx -y skills add antvis/chart-visualization-skills --skill antv-g6-graph --agent claude-code