XYチャートとは？
XYチャートは、2次元座標系上にデータポイントをプロットする多用途なデータ視覚化ツールです。棒グラフと折れ線グラフの両方をサポートし、トレンド、比較、分布を表示するための基本ツールです。XYチャートは、ビジネスレポート、科学研究、データ分析で最も一般的に使用されるチャートタイプの1つです。
編集とプレビュー
Mermaid構文でXYチャートを作成し、変更を即座に確認。
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.
Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]一般的なユースケース
トレンド分析
折れ線グラフで指標の時間経過を追跡。成長トレンド、季節パターン、パフォーマンス軌跡を視覚化。
比較レポート
棒グラフでカテゴリ間の値を比較。地域別の売上、チーム別のスコア、カテゴリ別の数量を表示。
パフォーマンスダッシュボード
主要指標のビジュアルサマリーを作成。棒グラフと折れ線を組み合わせて絶対値とトレンドの両方を表示。
データドキュメント
技術ドキュメントやレポートにチャートを含める。データ視覚化をテキストコンテンツと一緒にバージョン管理。
主な機能
棒グラフ
カスタムデータ値とカテゴリラベルを持つ垂直棒グラフを作成し、カテゴリ比較に使用。
折れ線グラフ
折れ線グラフで連続データをプロットし、時間経過やカテゴリ間のトレンドと変化を表示。
カスタム軸
軸ラベル、範囲、カテゴリを定義。最小値と最大値を設定して正確なデータ表現を実現。
複合チャート
同じ視覚化に棒グラフと折れ線グラフを重ね合わせ、複数のデータ次元を同時に表示。
ベストプラクティス
適切なチャートタイプを選択
カテゴリ比較には棒グラフ、時間トレンドには折れ線グラフ。両方を表示する必要がある場合は組み合わせる。
軸を明確にラベル付け
常に単位付きの軸ラベルを含める。追加の説明なしでチャートの内容が理解できるべき。
Y軸をゼロから開始
棒グラフでは、誤解を招く視覚的な比率を避けるためにY軸をゼロから開始。
データセットを焦点化
チャートごとに1-2のデータシリーズを表示。重なるシリーズが多すぎるとチャートが読みにくくなる。
他のダイアグラムタイプを探す
フローチャート
ノードと方向矢印でプロセス、ワークフロー、アルゴリズムを視覚化。ビジネスプロセスやデシジョンツリーに最適です。
シーケンス図
異なるアクターやシステム間の時系列でのインタラクションを文書化。APIドキュメントやシステム設計に最適です。
クラス図
クラス、属性、関係でオブジェクト指向システムをモデル化。ソフトウェアアーキテクチャ設計に不可欠です。
ステート図
システムやアプリケーションの状態遷移を表現。ライフサイクル状態やワークフローのモデリングに最適です。
ガントチャート
タスクと依存関係でプロジェクトのタイムラインを計画・追跡。プロジェクト管理やスケジューリングに最適です。
ER図
エンティティと関係でデータベーススキーマを設計。データベースモデリングやドキュメント作成に最適です。
ユーザージャーニー
タッチポイント全体のユーザー体験とインタラクションをマッピング。UXデザインやカスタマージャーニーマッピングに最適です。
Gitグラフ
Gitのブランチ戦略やコミット履歴を視覚化。バージョン管理ワークフローの説明に役立ちます。
マインドマップ
アイデアの整理、ブレインストーミング、階層的なビジュアル構造の作成に。計画立案やナレッジマネジメントに最適です。
円グラフ
円形チャートでデータの比率分布を表示。パーセンテージやマーケットシェアの分析に最適です。
タイムライン
時間軸に沿ってイベントやマイルストーンを視覚化。プロジェクト履歴やロードマップの表示に最適です。
カンバンボード
ワークフローの段階ごとにタスクを列に整理。アジャイルプロジェクト管理やタスク追跡に最適です。
象限チャート
2軸グリッド上に項目をプロットして比較・優先順位付け。機能の優先順位付けや戦略分析に最適です。
サンキーダイアグラム
ノード間のフロー量を比例矢印で視覚化。エネルギーフロー、予算配分、コンバージョンファネルに最適です。
ブロックダイアグラム
行と列に配置されたブロックで構造化レイアウトを構築。システムアーキテクチャやコンポーネント概要に最適です。
アーキテクチャ図
サービスアイコンと接続を使用してクラウドやシステムアーキテクチャを設計。インフラストラクチャドキュメントに最適です。
パケットダイアグラム
ネットワークプロトコルのパケット構造とビットレベルのフィールドレイアウトを視覚化。ネットワークプロトコルドキュメントに最適です。