月別売上と広告費を比較
- 入力
- 月,売上,広告費／1月,120,40／2月,180,55／3月,150,48
- 結果
- 月を横軸、売上と広告費を2系列にした棒グラフ
複数系列を同じ尺度で並べ、売上の増減と広告費の動きを月ごとに比較できます。
グラフ画像作成
CSV形式のデータから棒・折れ線・円・ドーナツ・面・積み上げ棒グラフを作成し、資料やブログで使える画像として保存します。
900 × 520px／入力データはサーバーへ送信されません
Guide
このツールでできること
1行目を見出し、1列目を項目ラベル、2列目以降を数値系列とするCSVから、棒・積み上げ棒・折れ線・面・円・ドーナツの6種類のグラフを作成できます。
タイトル、軸ラベル、凡例、系列色、背景色、出力寸法、解像度倍率を画面で調整し、PNG・JPEG・WebP画像として保存できます。表計算ファイルを共有せず図版だけを作りたい場面に向いています。
How it works
処理の仕組み
CSVを引用符とセル区切りを考慮してラベル配列と数値系列へ解析し、選択したグラフ種類に応じてCanvas 2D APIで軸、目盛、系列、凡例を描画します。保存時は指定倍率のCanvasを選択した画像MIMEタイプへ変換します。
Examples
具体的な使用例
構成比を円グラフにする
- 入力
- 流入元,件数／検索,620／SNS,240／直接,140
- 結果
- 流入元3項目の円グラフ画像
1つの数値系列を選び、全体に占める各項目の比率を視覚化する用途に適しています。
Cautions
利用時の注意点
- 数値セルに単位文字や解釈できない値があるとCSV解析に失敗します。単位は軸ラベルへ分けて入力してください。
- 円・ドーナツグラフは項目数が多いと比較しにくくなります。細かな時系列には棒や折れ線を使用してください。
- グラフは入力値を描画するもので、統計的な因果関係や将来予測を示すものではありません。
Next step
結果の活用方法
- ブログ用は実際の表示幅の2倍で保存して縮小すると、文字と線を高密度画面でも鮮明に保ちやすくなります。
- 画像だけで数値を伝えきれない場合は、本文や代替テキストに重要な傾向と元データの単位を記載します。
PitaTools
特徴
- 6種類のグラフ
- 色・サイズ・解像度調整
- PNG・JPEG・WebP保存
Steps
使い方
- CSVを貼り付けるか読み込みます。
- 種類・タイトル・色を調整します。
- 保存形式を選び画像をダウンロードします。
PitaTools
活用例
- ブログ記事の図版
- 報告資料
- SNS投稿
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- 6種類のグラフ
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中のツールはブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
データはアップロードされますか？
いいえ。Canvasを使ってブラウザ内で描画・画像化します。
CSVの形式は？
1行目を見出し、1列目を項目名、2列目以降を数値系列として読み取ります。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「グラフ画像作成」についてお気づきの点を運営者へお知らせください。