图表图鉴 / 相关与分布 / 第 04 号标本

相关散点与气泡图

用于探索两个连续变量之间的关系, 并识别数据中的簇与离群点。本页以 28 个真实感咖啡庄园样本演示完整用法: 横轴为种植海拔, 纵轴为杯测分, 点径编码年产量。

标本来源: 图表选型数据 No.04 / 数据类型: Correlation / Distribution / 最佳图型: Scatter Plot or Bubble Chart

01 / 标本大图

海拔越高, 杯测分越高吗

先看图, 再看数: 主体样本呈强正相关, 但河谷合作社与山脊试验田两处离群把全样相关系数从 0.94 拖到 0.65 — 这正是散点图要先读形再读数的原因。

28 个咖啡庄园的海拔与杯测分散点图, 附线性趋势线 种植海拔 (米) 杯测分 (SCA, 100 分制) 云雾庄园 / 海拔 2050 米 / 杯测分 87.4 / 年产量 42 吨 澜沧高地 / 海拔 1980 米 / 杯测分 86.8 / 年产量 55 吨 哀牢七号 / 海拔 1890 米 / 杯测分 84.7 / 年产量 48 吨 山脊试验田 / 海拔 1920 米 / 杯测分 80.8 / 年产量 18 吨 高黎贡西坡 / 海拔 1840 米 / 杯测分 84.5 / 年产量 36 吨 木康老寨 / 海拔 1760 米 / 杯测分 84.0 / 年产量 52 吨 勐库东半山 / 海拔 1810 米 / 杯测分 84.4 / 年产量 61 吨 勐库西半山 / 海拔 1780 米 / 杯测分 84.2 / 年产量 44 吨 河谷合作社 / 海拔 1180 米 / 杯测分 84.2 / 年产量 65 吨 晨雾农场 / 海拔 1680 米 / 杯测分 83.8 / 年产量 58 吨 赤水岭屯 / 海拔 1720 米 / 杯测分 84.0 / 年产量 27 吨 低地实验站 / 海拔 1150 米 / 杯测分 81.3 / 年产量 22 吨 怒江峡谷甲 / 海拔 1560 米 / 杯测分 82.8 / 年产量 39 吨 怒江峡谷乙 / 海拔 1600 米 / 杯测分 83.3 / 年产量 47 吨 无量山北 / 海拔 1750 米 / 杯测分 84.1 / 年产量 29 吨 无量山南 / 海拔 1700 米 / 杯测分 83.7 / 年产量 51 吨 邦马雪山脚 / 海拔 1650 米 / 杯测分 83.7 / 年产量 63 吨 铜壁关外 / 海拔 1580 米 / 杯测分 83.4 / 年产量 56 吨 铜壁关内 / 海拔 1620 米 / 杯测分 83.5 / 年产量 31 吨 千家寨林场 / 海拔 1870 米 / 杯测分 84.7 / 年产量 24 吨 哀牢十三号 / 海拔 1850 米 / 杯测分 84.5 / 年产量 40 吨 大围山湿地东 / 海拔 1450 米 / 杯测分 82.6 / 年产量 35 吨 大围山湿地西 / 海拔 1490 米 / 杯测分 82.2 / 年产量 28 吨 金沙江干热谷 / 海拔 1320 米 / 杯测分 82.0 / 年产量 45 吨 金沙江上架桥村 / 海拔 1380 米 / 杯测分 81.8 / 年产量 37 吨 澜沧江渡口 / 海拔 1520 米 / 杯测分 83.1 / 年产量 49 吨 帕亮新寨 / 海拔 1660 米 / 杯测分 83.6 / 年产量 53 吨 雾露河畔 / 海拔 1630 米 / 杯测分 83.4 / 年产量 34 吨
20 t 45 t 65 t 点径 = 年产量 / 不透明度 0.72 / 虚线 = 线性趋势 (含离群点) r = 0.65 / 含离群点剔除 2 处离群后 r = 0.94n = 28 杯测分 ≈ 0.0041 × 海拔 + 76.9 Tab / 点击可聚焦任一点查看数值

02 / 气泡变体

第三维: 点径编码复购率

当两个连续变量之外还存在第三个量纲时, 气泡图用面积 (而非半径) 编码它。下图横轴为门店日均出杯量, 纵轴为坪效, 点径对应月复购率。

中央车站店 / 日均 528 杯 / 坪效 960 元 / 复购率 44% 湖滨九号 / 日均 468 杯 / 坪效 880 元 / 复购率 38% 会展中心店 / 日均 445 杯 / 坪效 610 元 / 复购率 30% 大学南门店 / 日均 386 杯 / 坪效 560 元 / 复购率 33% 梧桐里店 / 日均 312 杯 / 坪效 640 元 / 复购率 27% 滨江咖啡 / 日均 262 杯 / 坪效 720 元 / 复购率 22% 剧院旁 / 日均 296 杯 / 坪效 655 元 / 复购率 24% 园区 A 座 / 日均 358 杯 / 坪效 505 元 / 复购率 26% 怒江小馆 / 日均 322 杯 / 坪效 470 元 / 复购率 28% 巷口小铺 / 日均 205 杯 / 坪效 430 元 / 复购率 19% 山脚营地 / 日均 150 杯 / 坪效 780 元 / 复购率 46% 老城书屋 / 日均 178 杯 / 坪效 395 元 / 复购率 17% 20% 33% 46%

03 / 过密对策

点太密时: 降透明度或改热区

同一份 48 点数据: 左图全不透明, 重叠区糊成墨团, 无法判断浓度; 右图将不透明度降至 0.65, 叠加处自然显影, 再以蓝到红梯度色轴的热区标出两处高密度核心。

全不透明 / 重叠成团

opacity = 1 / 48 点 / 密度信息丢失

透明度 0.65 + 密度热区

色轴 低密度 到 高密度

04 / 无障碍要点

颜色可以强化, 但不能是唯一区分

本图型官方风险等级为「有条件」。核心做法: 标记形状与直接文字标注并用; 下图用圆 / 方 / 三角区分三个处理法簇, 簇旁直接写名, 即使全部去色也可读。

水洗处理 / 圆 蜜处理 / 方 日晒处理 / 三角 横轴: 发酵时长 / 纵轴: 甜度评分 (示意)

本页的五项落实

  • 键盘逐点读值 / 大图中每个点可 Tab 聚焦, 聚焦即显示庄园 / 海拔 / 杯测分 / 年产量。
  • 刷选的键盘替代 / 拖拽刷选改为带标签的海拔起止区间输入 (见 05 节), 结果变化以 aria-live 播报。
  • 形状与直接标注并用 / 见左图: 三种标记形状对应三个处理法, 簇旁直接写名。
  • 颜色不作唯一区分 / 全页单色系也能读; 蓝 / 红梯度仅用于密度色轴, 且配有文字刻度。
  • 可见数据表后备 / 28 行样本全量落表, 附相关系数与趋势摘要 (见 05 节)。

05 / 数据表后备

看得见的表, 才是无障碍的图

散点图的无障碍后备方案: 提供可见数据表与相关性摘要; 刷选交互改用下方带标签的起止区间输入, 调整后表格与大图同步筛选, 区间外的点自动变淡。

区间内 28 / 28 个庄园
Pearson 相关系数 r = 0.65 (含离群点) 剔除两处离群后 r = 0.94 样本量 n = 28 趋势 正向 / 海拔每升高 100 米杯测分约 +0.4 分
庄园产区 海拔 (米)杯测分年产量 (吨)
云雾庄园云南普洱205087.442
澜沧高地云南澜沧198086.855
哀牢七号云南玉溪189084.748
山脊试验田云南保山192080.818
高黎贡西坡云南腾冲184084.536
木康老寨云南德宏176084.052
勐库东半山云南临沧181084.461
勐库西半山云南临沧178084.244
河谷合作社云南保山118084.265
晨雾农场云南普洱168083.858
赤水岭屯贵州赤水172084.027
低地实验站云南河口115081.322
怒江峡谷甲云南怒江156082.839
怒江峡谷乙云南怒江160083.347
无量山北云南景东175084.129
无量山南云南景谷170083.751
邦马雪山脚云南耿马165083.763
铜壁关外云南盈江158083.456
铜壁关内云南盈江162083.531
千家寨林场云南镇沅187084.724
哀牢十三号云南玉溪185084.540
大围山湿地东云南屏边145082.635
大围山湿地西云南屏边149082.228
金沙江干热谷云南元谋132082.045
金沙江上架桥村云南宾川138081.837
澜沧江渡口云南昌宁152083.149
帕亮新寨云南孟连166083.653
雾露河畔云南昌宁163083.434

06 / 数据量分档

点数决定渲染策略

同一图型, 三种量级三套做法; 跨档硬画会卡顿或糊团, 降档则浪费保真度。三档阈值摘自选型数据 No.04 的 Data Volume Threshold 字段。

少于 500 点

SVG 逐点渲染

本页 28 点即此档: 每点可键盘聚焦 / 可直接标注, 保真度与无障碍上限最高。

500 至 5000 点

Canvas 加不透明度 0.6 至 0.8

换画布保性能, 降透明度让重叠处自然显影为密度, 见 03 节右图。

5000 点以上

六边形分箱或先聚合

不再逐点: 改热区或分箱统计, 蓝 / 红梯度色轴编码箱内计数。