チャートメーカー
ラベルと値のリストを棒グラフ、折れ線グラフ、エリア、円グラフまたはドーナツグラフに変換します。ブラウザで完全に作成される自己完結型でダウンロード可能なSVG。登録やアップロードは不要です。
入力
1行に1つのデータ: ラベル、その後にカンマ（またはコロン/タブ）、その後に数値を入力します。
チャートタイプとスタイル
表示
出力
Your chart will appear here.
| メトリック | 値 |
|---|---|
| No data yet | |
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/chart-maker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"data": "Jan, 420\nFeb, 380\nMar, 510\nApr, 460\nMay, 590",
"chartType": "bar",
"title": "Monthly Sales",
"canvasSize": "medium",
"palette": "vibrant",
"sortOrder": "none",
"showValues": "true",
"valueLabel": "value",
"showLegend": "",
"showGridLines": "true",
"bgColor": "#ffffff"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `chart-maker` tool (Chart Maker) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/chart-maker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="チャートメーカー — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|
次の方法でも利用可能
ガイド
ラベルと数値のリストを棒グラフ、折れ線グラフ、エリア、円グラフまたはドーナツグラフに変換します。クリーンで自己完結型のSVG。数秒でコピーまたはダウンロードできます。この無料のオンラインチャートメーカーはブラウザで完全に動作します。入力したデータは一度もアップロードされません。
使い方
- チャートデータを入力します。1行に1つのデータを入力してください。ラベル、その後にカンマ（またはコロン/タブ）、その後に数値を入力します。例：
1月, 420。 - チャートタイプ（縦棒、横棒、折れ線、エリア、円、ドーナツ）とキャンバスサイズを選択します。
- カラーパレットを選択し、必要に応じて値でソートしてカテゴリを最高から最低にランク付けします。
- 表示で、値ラベルを表示（数値または全体に対するパーセンテージ）、凡例を表示、グリッドラインを表示をお好みに応じて切り替えます。
- SVGソースをコピーするか、ダウンロードします。これは外部の依存関係のない自己完結型ファイルなので、ドキュメント、スライドまたはWebページに直接挿入できます。
出力がPNGではなくSVGなのはなぜですか?
SVGはピクセル化せずに任意のサイズにスケーリングでき、ダウンロードが小さく保たれ、その後（色、ラベル、フォント）は任意のベクターエディターまたはテキストエディターで編集できます。そして、このツールが<canvas>なしで実行できるのはこのためです。したがって、データはブラウザを離れません。
「チャートデータ」に貼り付けられる形式は何ですか?
これらのセパレーターのいずれかが各行で機能します：ラベル, 値、ラベル: 値、またはラベル<TAB>値。値には$、%または千位区切り（1,234）を含めることができます。これらは解析前に自動的に削除されます。ラベルと数値に解析されない行はスキップされます。
円グラフとドーナツグラフが空白で表示されます — なぜですか?
円グラフとドーナツグラフのスライスは、各値の合計に対する割合でサイズが決まります。したがって、少なくとも1つの値は0より大きくなければなりません。負またはゼロの値はスライス計算から除外されます（描画する視覚的な角度がない）。
私のデータはどこかにアップロードされていますか?
いいえ。解析とチャートレイアウトはブラウザローカルで実行されます。データはサーバーに送信されることはありません。
別のデータビジュアライゼーションが必要ですか?
ワードクラウドジェネレーターを使用してテキスト頻度を数値ではなく視覚化するか、CSVからJSONへのコンバーターを使用してまず表形式データを再構成する必要があります。