メインコンテンツへスキップ
Z

円グラフメーカー

2列のCSVを入力するだけで円グラフに変換。各スライスを自動で色分けし、PNGで書き出し。処理はすべてブラウザ内で完結します。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

使い方

  1. 1 ラベルと数値の2列からなるデータを貼り付けます。各行がグラフの1スライスになります。
  2. 2 ラベルが長い場合は、凡例の表示・非表示を切り替えられます。
  3. 3 完成した円グラフをPNG画像としてダウンロードします。

このツールを使う理由

  • 2列のCSVだけでOK — シンプルな形式でデータを入力しやすい。
  • 厳選された10色のカラーパレットから各スライスへ自動で配色。
  • Chart.jsは遅延読み込み(lazy load)されるため、初期読み込みが軽量。
  • 描画はすべてクライアント側で完結 — データが外部に送信されることはありません。

よくある質問

パーセンテージの合計は100にする必要がありますか?

その必要はありません。Chart.jsは各値を合計に対する割合として自動的に表示します。

中央に穴の空いたグラフにしたい場合は?

<a class="underline" href="/doughnut-chart-maker">ドーナツグラフメーカー</a>をご利用ください — 入力データの形式は同じで、見た目がリング状になります。

トレンドラインを描きたい場合は?

<a class="underline" href="/line-chart-maker">折れ線グラフメーカー</a>をお試しください。

円グラフメーカー とは？

円グラフメーカー(Pie Chart Maker)は、2列構成のCSVデータをブラウザ上でそのまま円グラフに変換できるツールです。円全体を各データの割合に応じたスライスに分割し、行ごとに1つのスライスとして色を自動で割り当てます。完成したグラフはPNG画像として書き出し可能で、描画処理はすべてクライアント側で行われるため、データがサーバーにアップロードされることはありません。

機能

CSVからスライスへのマッピング

各データ行が円グラフの1つのスライスになります。最初の列がラベル、2列目が値です。Chart.jsが値を自動的に合計に対する割合として正規化するため、数値の合計が100になる必要はありません。

スライスの自動着色

スライスは固定の10色パレットから順番に色付けされます。CSVの行数が10を超える場合、パレットの先頭から色が繰り返されます。

RFC 4180準拠のCSV解析

組み込みのパーサーが、引用符付きフィールド、フィールド内のカンマ、CRLF/LFの改行をRFC 4180に準拠して処理し、区切り文字（カンマ、セミコロン、タブ）を自動検出します。

クライアントサイドのみ、PNGエクスポート

Chart.jsは遅延読み込み（lazy-load）され、レンダリングはすべてブラウザタブ内で完結します。サーバーには何も送信されません。Download PNGを使用すると、現在のcanvasを可逆圧縮のPNG画像としてエクスポートできます。

例

Input

Browser,Share
Chrome,63
Safari,19
Edge,5
Firefox,3
Other,10

Output

pie-chart-maker.png — 5 slices sized by value (63/19/5/3/10, not required to sum to 100), colored from the 10-color palette in row order, exported at the canvas's current rendered pixel size via toDataURL('image/png')

主な用途

  1. 1

    市場シェアの内訳

    ブラウザやプラットフォームのシェアデータ（例: Chrome、Safari、Edge）を貼り付けるだけで、レポートやスライド用に相対的な割合を瞬時に可視化できます。

  2. 2

    予算・コスト配分

    経費カテゴリと金額をエクスポートしたスプレッドシートを円グラフに変換し、予算レビューや関係者への報告に活用できます。

  3. 3

    アンケートやトラフィックソースの構成

    回答者や訪問者がカテゴリ（Organic、Direct、Referral、Social）ごとにどのように分かれているかを、表計算アプリを開かずに可視化できます。

概要

Pie Chart Makerは、Chart.js 4を使用して2列のCSVデータ（ラベル、値）を円グラフに変換するツールです。各CSV行は固定の10色パレットから色付けされた1つのスライスになります。グラフは入力中にブラウザ上でリアルタイムに描画され、canvasのtoDataURL APIを通じてPNGとしてエクスポートできます。CSVの解析とレンダリングはすべてブラウザ側（クライアントサイド）で行われ、サーバーにデータがアップロードされることはありません。

カテゴリ
クリエイター
料金
無料
プライバシー
ブラウザベース
登録
不要

参考文献

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。円グラフメーカー は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

関連ツール

YouTubeサムネイルダウンローダー

YouTube動画のサムネイルを利用可能なすべての解像度でダウンロードできます。動画URLを貼り付けるだけです。

ツールを開く

Open Graphプレビュー

URLをSNSでシェアしたときにどう表示されるか確認できます。Facebook、Twitter、LinkedIn、Slackでのシェアカードをプレビューします。

ツールを開く

単語数・文字数カウント

単語数、文字数、文の数、段落数を瞬時にカウント。読書時間、朗読時間、頻出キーワードも同時に表示します。

ツールを開く

Lorem Ipsumジェネレーター

Lorem Ipsumのダミーテキストを段落・文・単語単位で生成します。HTMLタグで囲むオプションつき。

ツールを開く

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す