散点图生成器
根据 CSV 数据生成散点图——第一列为 X 值,后续每一列为一个 Y 数据系列。支持导出 PNG,全程在浏览器中运行。
使用方法
- 1 粘贴至少两列的 CSV 数据——第一列作为 X 轴(数值型)。
- 2 每增加一列,就会生成一个新的 (X, Y) 数据点系列。
- 3 将生成的散点图下载为 PNG 图片。
为什么使用此工具
- X 轴为连续数值——适合绘制相关性图、回归类图表或抽样分布图。
- 支持多数据系列——第一列之后的每个数值列都会独立成为一个系列。
- Chart.js 采用懒加载方式引入——保持初始加载体积精简。
- 完全在客户端处理——你的数据始终不会离开浏览器。
常见问题
为什么有些数据点没有显示出来?
X 或 Y 值不是数字的行会被自动静默跳过,以保持预览图的整洁。
可以显示趋势线吗?
目前暂不支持——如需绘制连续折线,请使用 <a class="underline" href="/line-chart-maker">折线图生成器</a>。
分类数据适合用哪种图表?
如果 X 轴是分类数据(如月份、名称等),建议使用 <a class="underline" href="/bar-chart-maker">柱状图</a> 或 <a class="underline" href="/line-chart-maker">折线图</a>。
什么是 散点图生成器?
散点图生成器(Scatter Plot Maker)是一款可在浏览器中直接根据 CSV 数据生成散点图的工具。工具会将第一列作为 X 轴数值,后续每一列作为独立的 Y 数据系列,然后在双轴坐标系上绘制对应的点。生成的图表可导出为 PNG 图片,整个处理过程都在客户端完成,无需将数据上传到服务器。
功能特性
由 CSV 列生成的多系列 XY 数据点
第一列 CSV 被解析为每一行的数值型 X 值;之后的每一列都会成为一个独立的 (X, Y) 点数据集,并从 10 色调色板中自动分配颜色。
自动跳过非数值行
只要某一行的 X 或 Y 单元格未通过 Number.isFinite 解析(parseFloat),该行就会从对应系列中被剔除,从而使图表保持整洁而不是报错。
一键导出 PNG
下载功能通过 canvas.toDataURL('image/png') 将实时 canvas 渲染为 PNG data URL,并触发浏览器下载——全程无需与服务器往返通信。
仅在客户端处理,无需上传
CSV 解析(符合 RFC 4180 标准,支持处理包含逗号/换行符的带引号字段)与 Chart.js 渲染均在浏览器中完成;CSV 文本始终不会离开页面。
示例
Input
Hours,Score
1,55
2,62
3,70
4,74
5,80
6,86
7,88
8,93
Output
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
检查两个数值变量之间的相关性
粘贴成对的数值(例如 Hours,Score),在其他工具中进行正式回归分析之前,直观地查看 X 和 Y 是否呈现相同的变化趋势。
-
2
在同一 X 轴上绘制多个 Y 系列
添加更多数值列,即可在同一张图表中将多个测量系列(如传感器读数、测试分数)叠加在相同的 X 值上进行对比。
-
3
快速直观检查原始样本数据
直接粘贴小型数据集,观察哪些行因非数值而被跳过,从而在清理源 CSV 之前快速发现异常值或数据缺口。
Scatter Plot Maker 将粘贴的 CSV 文本转换为使用 Chart.js 4 在 HTML canvas 上渲染的 XY 散点图,将第一列视为数值型 X 值,其后每一列作为独立的 Y 系列,由 (X, Y) 点组成并绘制在线性坐标轴上。结果可以通过 canvas.toDataURL() 导出为 PNG。所有 CSV 解析和图表渲染均在浏览器客户端完成——不会有任何文件上传到服务器。
- 分类
- 创作者
- 价格
- 免费
- 隐私
- 基于浏览器
- 注册
- 无需
参考资料
- Chart.js — 散点图 — Chart.js
- Chart.js — 线性坐标轴 — Chart.js
- HTMLCanvasElement.toDataURL() — MDN Web Docs
- RFC 4180 — CSV 文件的通用格式与 MIME 类型 — IETF
隐私
除非另有说明,否则你的数据永远不会离开浏览器。散点图生成器 完全在客户端运行 — 无需上传服务器,不记录日志,不追踪你输入的内容。
相关工具
在 Zerethon Social 上创作、分享与成长
免费注册。赚取积分,收集成就,与全球创作者建立联系。