散布図メーカー

使い方

1. 1 2列以上のCSVデータを貼り付けます — 最初の列がX軸（数値）になります。
2. 2 追加の列はそれぞれ独立した（X, Y）の点の系列になります。
3. 3 作成した散布図をPNG画像としてダウンロードします。

このツールを使う理由

• 連続値のX軸に対応 — 相関関係、回帰的な傾向、サンプルの分布を示すグラフに最適です。
• 複数系列に対応 — 最初の列以降の各数値列が、それぞれ独立した系列になります。
• Chart.jsを遅延読み込み — 初期読み込みを軽量に保ちます。
• 処理はすべてクライアント側で完結 — データがブラウザの外に送信されることはありません。

よくある質問

散布図メーカー とは？

散布図メーカー（Scatter Plot Maker）は、CSVデータからブラウザ上で直接散布図を作成できるツールです。最初の列をX値として扱い、それ以降の各列を独立したYの系列として扱うことで、対応する点を2軸のグラフ上にプロットします。作成したグラフはPNG画像としてエクスポートでき、処理はすべてクライアント側で完結するため、データがサーバーにアップロードされることはありません。

機能

例

Hours,Score
1,55
2,62
3,70
4,74
5,80
6,86
7,88
8,93

scatter-plot-maker.png — canvas-sized PNG (matches the on-screen preview element, no fixed pixel dimensions), 1 series (Score) of 8 points on linear X/Y axes, point color #10b981 at 70% fill opacity with a solid border, legend shown

主な用途

1. 1

   2つの数値変数間の相関チェック

   ペアの値（例：Hours,Score）を貼り付けて、他所で正式な回帰分析を行う前に、XとYが連動して変化する傾向があるかを視覚的に確認できます。

2. 2

   共通のX軸上に複数のYシリーズをプロット

   数値列を追加することで、同じX値に対して複数の測定シリーズ（センサー値やテストスコアなど）を1つのグラフ上に重ねて表示できます。

3. 3

   生のサンプルデータの簡易ビジュアルQA

   小規模なデータセットを直接貼り付け、どの行が数値でないためスキップされるかを確認することで、元のCSVをクリーニングする前に外れ値や欠損を素早く見つけられます。

参考文献

• Chart.js — 散布図（Scatter Chart） — Chart.js
• Chart.js — 線形軸（Linear Axis） — Chart.js
• HTMLCanvasElement.toDataURL() — MDN Web Docs
• RFC 4180 — CSVファイルの共通フォーマットとMIMEタイプ — IETF