オンラインでグラフ作成
数値を入力するか表計算ソフトから貼り付けると、プレビューにすぐ見やすいグラフが描かれます。データはブラウザーの中だけで扱います。
計算方法
プレゼン、レポート、月次報告などでは、表計算ソフトを開かずに見やすいグラフが1つあれば十分なことがよくあります。数値を入力するか、Excel、Googleスプレッドシート、LibreOfficeから貼り付け、画像として保存できます。
使い方
- データを入力します。1行に1カテゴリー、ラベルと値はセミコロンかタブで区切ります。列を増やすと系列が増えます（最大8）。
- グラフの種類を選び、必要ならタイトルを付けます。
- PNG（スライド向けに2倍の解像度）またはSVG（どのサイズでも鮮明）で保存します。
描画のしくみ
軸は「きりのよい」刻み（10のべき乗の1倍・2倍・2.5倍・5倍）で分けます。棒の長さは比率として読まれるため、棒グラフの軸は必ず0から始まります。折れ線グラフでは軸を途中から始めることもあります。円グラフは、1つ目の系列の各値が合計に占める割合を示します。これらの規則は英国政府Analysis Functionのガイド「Data visualisation: charts」に従っています。色は、色覚の多様性に配慮したOkabeと伊藤のカラーパレットを参考にしています。
注意点
円グラフが向くのは、全体を構成する少数のカテゴリーだけです。似た大きさの値が多い場合は棒グラフのほうが読みやすくなります。最大60行・8系列で、第2軸や積み上げ棒グラフには対応していません。
プライバシー
データはブラウザー内だけで処理します。入力内容は次回のためにブラウザーに保存されます（サーバーには送りません）。
よくある質問
Excelのデータからグラフを作るには？
Excelでセルを選択し（1列目にラベル、その右に値）、コピーして「データ」欄に貼り付けます。タブは列の区切りとして認識されます。
棒・折れ線・円グラフはどう使い分けますか？
カテゴリーの比較には棒グラフ、時間による変化には折れ線グラフ、少数のカテゴリーで全体の内訳を示すときだけ円グラフを使います。
棒グラフの軸が必ず0から始まるのはなぜ？
棒の長さは比率として読まれるためです。途中から始まる軸だと差が実際より大きく見えてしまいます。
PNGとSVGはどちらがよいですか？
PNGはどこにでも貼れます。SVGはベクター形式でどのサイズでも鮮明なので、印刷やWebに向いています。
出典・根拠
- UK Government Analysis Function – Data visualisation: charts (Balkenachse ab null, Kreisdiagramm nur für Teile eines Ganzen)
- M. Okabe, K. Ito – Color Universal Design: How to make figures and presentations that are friendly to colorblind people
- W3C – SVG 2 (Pfade, Bogenbefehl A)
更新日：
関連ツール
- 関数グラフを描画最大3つの関数のグラフをブラウザーで描画。拡大縮小や移動ができ、零点（x切片）と極大・極小を数値で計算して表示します。PNG・SVGで保存でき、無料・登録不要です。
- パーセント計算パーセント計算を無料で。ある数の何%か、何パーセントにあたるか、増加率・減少率、割引・税込の金額を、計算式と途中式つきで求めます。
- マインドマップ作成アイデアを箇条書きで入力し、Tabで字下げするだけでマインドマップを自動レイアウト。PNG・SVGで保存でき、内容はブラウザー内だけに保存されます。無料・登録不要。
- オンラインホワイトボード登録不要の無料オンラインホワイトボード。ズームできる無限のキャンバスに、ペン、図形、矢印、文字、消しゴム。全画面表示、PNG・SVG書き出しに対応。
- 1mm方眼紙を印刷1mm方眼紙をPDFで無料作成。A4またはUSレター、縦・横、1・5・10mmごとの線、線の色と余白を選べて、実寸確認用の50mm目盛り付きです。
- pH計算ツール（計算過程つき）強酸・弱酸・強塩基・弱塩基のpHを計算します。二次方程式による厳密解、pKa・Kaの入力、pH・pOH・水素イオン濃度の換算に対応し、計算式も表示します。