ビジュアル円グラフビルダー 100% クライアント処理 • プライベート

テキスト管理できる綺麗な円グラフを作成

項目名と数値を入力し、カラーパレットを選択して、綺麗なMermaidコードのコピーや画像保存ができます。

円グラフ作成ガイド

編集可能な割合グラフ

円グラフのテンプレートを選択。

編集画面とライブプレビューを切り替えます。

グラフタイトルカラーパレット数値を表示

項目一覧

0 個の区分合計 0

リアルタイムMermaidプレビュー

円グラフプレビュー

チャートを準備中…

プライベート • ローカル描画

プレビューを作成中…

編集するとプレビューが即座に更新されます。

エディターを準備中…

円グラフを効果的に使うコツ

一目で伝わるシンプルな構成を意識する。

円グラフは少数のカテゴリが全体を構成している場合に最も効果を発揮します。

項目数は3〜6個に抑える

項目数を絞り込むことで、主要な差異が視覚的に際立ちます。

順序に意図を持たせる

最も重要な項目や最大割合を先頭にし、時計回りに配置します。

微小な項目はまとめる

3〜5%未満の細かな項目は「その他」にまとめることで可読性が向上します。

構文パターン

Mermaid円グラフ記法

pie キーワードで始まり、タイトル指定と「"項目名" : 数値」の組み合わせで記述します。

Mermaid円グラフリーファレンスを見る

pie showData
  title Website traffic
  "Organic search" : 46
  "Direct" : 24
  "Referral" : 16
  "Social" : 9
  "Paid" : 5

Mermaidコードを編集できる無料円グラフジェネレーター

この無料の円グラフ作成ツールは、項目と数値のリストから美しいMermaidグラフを即座に生成します。

よくある質問 (FAQ)

ExcelやGoogleスプレッドシートからデータを貼付できますか？

はい。表計算ソフトから2列分をコピーして直接貼り付けることができます。

数値データを表示するにはどうすればよいですか？

設定パネルの「数値を表示」をオンにしてください。

データが外部サーバーに送信されることはありますか？

いいえ。すべての計算と描画はお使いの端末内で完結します。