チャートビジュアライゼーションスキル

このスキルは、データをビジュアルチャートに変換するための包括的なワークフローを提供します。チャート選択、パラメータ抽出、および画像生成を処理します。

ワークフロー

データを可視化するには、以下のステップに従ってください：

1. インテリジェントチャート選択

ユーザーのデータの特性を分析して、最も適切なチャートタイプを決定します。以下のガイドラインを使用してください（詳細な仕様については references/ を参照してください）：

• 時系列データ: generate_line_chart（トレンド）または generate_area_chart（累積トレンド）を使用します。異なる2つのスケールの場合は generate_dual_axes_chart を使用します。
• 比較: generate_bar_chart（カテゴリ別）または generate_column_chart を使用します。度数分布の場合は generate_histogram_chart を使用します。
• 部分と全体: generate_pie_chart または generate_treemap_chart（階層的）を使用します。
• 関係性とフロー: generate_scatter_chart（相関関係）、generate_sankey_chart（フロー）、または generate_venn_chart（重複）を使用します。
• マップ: generate_district_map（地域）、generate_pin_map（ポイント）、または generate_path_map（ルート）を使用します。
• 階層と木構造: generate_organization_chart または generate_mind_map を使用します。
• 専門的なチャート:
  • generate_radar_chart: 多次元比較。
  • generate_funnel_chart: プロセスのステージ。
  • generate_liquid_chart: パーセンテージ/進捗。
  • generate_word_cloud_chart: テキスト頻度。
  • generate_boxplot_chart または generate_violin_chart: 統計分布。
  • generate_network_graph: 複雑なノード-エッジ関係。
  • generate_fishbone_diagram: 原因と結果の分析。
  • generate_flow_diagram: プロセスフロー。
  • generate_spreadsheet: 表形式データやピボットテーブル（構造化データ表示およびクロス集計用）。

2. パラメータ抽出

チャートタイプが選択されたら、references/ ディレクトリ内の対応するファイル（例：references/generate_line_chart.md）を読み、必須フィールドとオプションフィールドを識別します。 ユーザーの入力からデータを抽出し、期待される args フォーマットにマップします。

3. チャート生成

scripts/generate.js スクリプトを JSON ペイロードで呼び出します。

ペイロードフォーマット:

{
  "tool": "generate_chart_type_name",
  "args": {
    "data": [...],
    "title": "...",
    "theme": "...",
    "style": { ... }
  }
}

実行コマンド:

node ./scripts/generate.js '<payload_json>'

4. 結果の返却

スクリプトは生成されたチャート画像の URL を出力します。 以下をユーザーに返却してください：

• 画像の URL。
• 生成に使用した完全な args（仕様）。

リファレンスマテリアル

各チャートタイプの詳細な仕様は、references/ ディレクトリに配置されています。スクリプトに渡される args が期待されるスキーマと一致することを確認するために、これらのファイルを参照してください。

ライセンス

この SKILL.md は antvis/chart-visualization-skills により提供されています。 MIT ライセンスの下で公開されています。