すべてのダイアグラムに戻る

円グラフ

円形チャートでデータの比率分布を表示。パーセンテージやマーケットシェアの分析に最適です。

円グラフとは?

円グラフは、円をスライスに分割して数値の割合を示す円形の統計グラフです。各スライスはカテゴリの全体に対する寄与を表し、弧の長さは表す量に比例します。円グラフは最も認知度の高いチャートタイプの1つで、パーセンテージ分布、マーケットシェア、シンプルなデータ構成を一目で示すのに最適です。

編集とプレビュー

Mermaid構文で円グラフを作成し、変更を即座に確認。

エディタ
100%

Example

Pie chart example

A Mermaid pie chart comparing common diagram export formats.

Mermaid pie chart example comparing PNG, SVG, PDF, and JPG export formats
Mermaid pie chart example comparing PNG, SVG, PDF, and JPG export formats

Mermaid code

pie title Diagram Export Formats
    "PNG" : 45
    "SVG" : 30
    "PDF" : 15
    "JPG" : 10

一般的なユースケース

予算配分

部門、プロジェクト、カテゴリ間の予算配分を視覚化。ステークホルダーに支出パターンを一目で明確に。

マーケットシェア分析

マーケットシェアのパーセンテージで競合状況を表示。市場における製品や企業のポジションを一目で比較。

アンケート結果

アンケート回答の分布を直感的なビジュアル形式で表示。回答者が異なる選択肢にどう分布しているかを表示。

リソース配分

時間、人員、計算リソースなどが異なるタスクやチーム間でどのように配分されているかを図示。

主な機能

自動比率計算

値を提供するだけで、Mermaidが各スライスの正しい比率と角度を自動計算。

チャートタイトル

視覚化されるデータにコンテキストを提供する説明的なタイトルを追加。

カテゴリラベル

各スライスにカテゴリ名と値がラベル付けされ、データの明確な識別が可能。

カラーコーディング

スライスは自動的に異なる色でカラーコーディングされ、カテゴリ間の区別が容易。

ベストプラクティス

カテゴリ数を制限

最大5-7カテゴリ。スライスが多すぎると円グラフが読みにくくなる。小さなカテゴリは「その他」にまとめる。

全体の部分を表すために使用

円グラフは各部分がどのように全体を構成するかを示すのに最適。関連のない値の比較には使用しない。

論理的にスライスを配置

大きいものから小さいもの順に、または読者がデータを理解しやすい意味のある順序で配置。

値を含める

常にスライスと一緒に実際の数値やパーセンテージを表示し、正確な比較を可能に。

他のダイアグラムタイプを探す

フローチャート

ノードと方向矢印でプロセス、ワークフロー、アルゴリズムを視覚化。ビジネスプロセスやデシジョンツリーに最適です。

シーケンス図

異なるアクターやシステム間の時系列でのインタラクションを文書化。APIドキュメントやシステム設計に最適です。

クラス図

クラス、属性、関係でオブジェクト指向システムをモデル化。ソフトウェアアーキテクチャ設計に不可欠です。

ステート図

システムやアプリケーションの状態遷移を表現。ライフサイクル状態やワークフローのモデリングに最適です。

ガントチャート

タスクと依存関係でプロジェクトのタイムラインを計画・追跡。プロジェクト管理やスケジューリングに最適です。

ER図

エンティティと関係でデータベーススキーマを設計。データベースモデリングやドキュメント作成に最適です。

ユーザージャーニー

タッチポイント全体のユーザー体験とインタラクションをマッピング。UXデザインやカスタマージャーニーマッピングに最適です。

Gitグラフ

Gitのブランチ戦略やコミット履歴を視覚化。バージョン管理ワークフローの説明に役立ちます。

マインドマップ

アイデアの整理、ブレインストーミング、階層的なビジュアル構造の作成に。計画立案やナレッジマネジメントに最適です。

タイムライン

時間軸に沿ってイベントやマイルストーンを視覚化。プロジェクト履歴やロードマップの表示に最適です。

カンバンボード

ワークフローの段階ごとにタスクを列に整理。アジャイルプロジェクト管理やタスク追跡に最適です。

象限チャート

2軸グリッド上に項目をプロットして比較・優先順位付け。機能の優先順位付けや戦略分析に最適です。

サンキーダイアグラム

ノード間のフロー量を比例矢印で視覚化。エネルギーフロー、予算配分、コンバージョンファネルに最適です。

XYチャート

カスタマイズ可能な軸を持つ棒グラフと折れ線グラフを作成。データ視覚化やトレンド分析に最適です。

ブロックダイアグラム

行と列に配置されたブロックで構造化レイアウトを構築。システムアーキテクチャやコンポーネント概要に最適です。

アーキテクチャ図

サービスアイコンと接続を使用してクラウドやシステムアーキテクチャを設計。インフラストラクチャドキュメントに最適です。

パケットダイアグラム

ネットワークプロトコルのパケット構造とビットレベルのフィールドレイアウトを視覚化。ネットワークプロトコルドキュメントに最適です。