Vega-Lite (シンプル) と Vega (アドバンス) を使用してデータ駆動型グラフを作成します。棒グラフ、折れ線グラフ、散布図、ヒートマップ、面グラフ、および複数シリーズの分析に最適です。統計的な視覚化が必要な数値データ配列がある場合に使用します。レーダー チャートとワード クラウドの Vega。プロセス図 (マーメイドを使用) やクイック KPI カード (インフォグラフィックを使用) には使用できません。
SKILL.md
Quick Start: Structure data as array of objects → Choose mark type (bar/line/point/area/arc/rect) → Map encodings (x, y, color, size) to fields → Set data types (quantitative/nominal/ordinal/temporal) → Wrap in `vega-lite or `vega fence. Always include $schema, use valid JSON with double quotes, field names are case-sensitive. Use Vega-Lite for 90% of charts; Vega only for radar, word cloud, force-directed.
| Chart not rendering | Check JSON validity, verify $schema | | Data not showing | Field names must match exactly | | Wrong chart type | Match mark to data structure | | Colors not visible | Check color scale contrast | | Dual-axis issues | Add resolve: {scale: {y: "independent"}} |
For advanced chart patterns and complex visualizations, refer to references below:
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill vega- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
vega とは？
Vega-Lite (シンプル) と Vega (アドバンス) を使用してデータ駆動型グラフを作成します。棒グラフ、折れ線グラフ、散布図、ヒートマップ、面グラフ、および複数シリーズの分析に最適です。統計的な視覚化が必要な数値データ配列がある場合に使用します。レーダー チャートとワード クラウドの Vega。プロセス図 (マーメイドを使用) やクイック KPI カード (インフォグラフィックを使用) には使用できません。 ソース: xicilion/markdown-viewer-extension。
vega のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/xicilion/markdown-viewer-extension --skill vega インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/xicilion/markdown-viewer-extension
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01