円グラフ作成：円グラフとドーナツグラフをPNG・SVGで保存

ラベルと値の一覧を入力すると、入力に合わせて円グラフ作成の結果がその場で更新されます。各項目には割合が表示され、凡例も画像の中に描かれます。仕上がりに満足したら、PNGをダウンロードまたはSVGをダウンロードを押してください。すべてブラウザ上で動き、アカウント登録も透かしも不要です。

円グラフの作り方

1. ページ上部のプレビューを見てください。最初から4行のサンプル（ピザ 40、ハンバーガー 25、サラダ 20、タコス 15）が入っているので、使い方がすぐ分かります。
2. 必要ならグラフのタイトルを入力してください。任意で、60文字まで入力できます。
3. ラベルと値の欄のサンプルを、ご自身のデータに置き換えてください。ラベルは40文字まで、値は0以上の数値です。
4. 項目を増やすときは行を追加を押してください。最大30行まで追加できます。行の右にある×を押すとその行を削除できます。最低1行は必ず残ります。
5. プレビューのすぐ下にあるPNGをダウンロードまたはSVGをダウンロードを押してください。

プレビューの背景は常に白で、ダウンロードするファイルとほぼ同じ見た目です。項目は12時の位置から時計回りに、行の順番どおりに並びます。

アンケート結果の例：はい 18、いいえ 7、わからない 5 は合計30で、はい 60%、いいえ 23.3%、わからない 16.7%になります。

円グラフの割合の計算方法

各項目の大きさは、その値を全体の合計で割ったものです。そのため、入力する数値の合計を100にそろえる必要はありません。12、30、18なら合計は60で、割合は20%、50%、30%になります。割合が整数でないときは、23.3%のように小数第1位まで表示されます。

パーセントを表示がオン（初期設定）のとき、5%以上の項目には円の上に割合が書かれ、凡例の各項目の横にも割合が表示されます。5%未満の項目は文字が混み合わないよう円の上には書きませんが、凡例には割合が載ります。オフにすると、割合をまったく表示しない円グラフになります。

ドーナツグラフ作成

カスタマイズを押してオプションを開き、ドーナツグラフにチェックを入れてください。同じデータが中央の空いた形で描かれ、割合はリングの上に表示されます。チェックを外すと、通常の円に戻ります。

円グラフの色：見やすい色分けを選ぶ

カラーパレットから、標準、鮮やか、モノクロ、色覚に配慮のどれかを選んでください。各項目にはパレットの色が行の順に割り当てられます。

モノクロは1色の青を濃い色から薄い色へ広げたもので、白黒印刷に向いています。色覚に配慮は、一般的な色覚の違いでも見分けやすいよう設計されたOkabe-Itoの配色を使います。選べるのはパレットで、項目ごとの色は選べません。色分けを見やすくしたいときは、まずパレットを切り替えてみてください。

円グラフ作成サイトとしての使い方

この円グラフ作成ツールは、無料で使えます。登録は不要で、ファイルに透かしも入りません。入力した内容はブラウザの中で処理されます。パイチャート作成が必要なときも、同じ画面で行を入力するだけです。

PNG・SVGで保存する方法と描かれないもの

PNGをダウンロードは、白い背景で幅1200pxの画像を保存します。スライドや資料、投稿にそのまま使えます。SVGをダウンロードは、どんなサイズでも鮮明なベクター形式のファイルを保存し、デザインソフトで編集を続けることもできます。どちらもタイトル、円、割合、凡例を含みます。

• 値が空の行は、メッセージなしで飛ばされます。
• 値が0の行は受け付けられますが、項目も凡例も作られません。
• 値が文字や負の数の行は描かれず、何行除外したかが表の下にメッセージで表示されます。
• ラベルが空の行は、行番号を使って「項目 3」のように表示されます。
• 凡例に収まらない長いラベルは、画像の中で「…」で短縮されます。

小数は 1,5 でも 1.5 でも、1.5として読み取られます。

関連ツール

ワードクラウド作成

文章からワードクラウドを作成しPNGやSVGで保存

テキストから年表作成

日付と出来事を入力して年表をPNGかSVGで保存

3D曲面プロッター

z=f(x,y)の数式を3D回転可能な曲面グラフとして描画

データからグラフ作成

データを貼り付けて即座に棒・折れ線・円・散布図を作成

グリッド画像生成ツール

写真へのグリッド重ね合わせや方眼画像の作成。