关系与数据图形

VectorPaint 热力矩阵:用固定色阶表达同一范围的数据

绘制虚构练习时段矩阵,先定义范围、缺失值和色阶,再核对每格数字与图例。

热力矩阵依靠颜色让人快速看出分布,但颜色规则必须先确定。本篇用三类练习、五个时段的虚构数据画一张静态矩阵。图形不自动统计实际行为,颜色与数字都需要从同一清单手工对应。

先定义行列和同一统计范围

先列三种练习项目与五个时段,给每格写一个示例数值,再说明单位和范围。所有数值都来自同一种口径,例如同样长度时段内的练习次数,不能一行写分钟另一行写次数却共用色阶。新建一千二百乘七百像素画布,左侧留行名,上方留列名,右侧留图例。没有记录的格子标为缺失,不直接写零;零表示已确认没有发生,缺失表示没有得到数据。先完成表,再决定颜色,避免凭视觉填色。

建立尺寸一致的矩阵格子

画一只基础矩形,复制成五列,再复制成三行,单元格宽高一致,行列间留相同窄间距。先核对十五格实际数量,再放标签,避免复制时重叠一格看不出来。把框架或底板与数字分层,后面换色不影响文字。间距用于区分格子,不编码数值大小;不要某行间隙更大让人误以为它属于另一组。每次分布前只选择同一方向目标,确认没有把行名也参与排列,先完成稳定骨架再输入数据。

先写出固定的分档规则

采用四档示例规则:零、低、中、高,每档明确数值范围,区间不重叠也不遗漏边界值。颜色由浅到深,越深代表越高,并在图例直接写明。选择一组色相接近的色阶比随意彩虹更容易比较。若一行数值普遍高,也不单独给这一行重新拉伸色阶,否则相同颜色不再代表同一数量。先挑最小、边界和最大三个数测试规则,再扩展到全部格子。图例是数据解释的一部分,应随图一起保存。

逐格核对数字和颜色

按行从左到右输入数字,再根据固定分档换色,每完成一行回源表核对。不要先凭整体分布涂出漂亮图案,再补数字迎合颜色。文字颜色按对比调整,但不能让深格里的数值难以辨认。若某格数字太长,先检查单位是否应该写在总标题而不是每格重复。色块和文字保持对应位置,移动一格时一起检查,避免数字还在旧位置。完成后只读数字,再只看颜色,分别寻找不符合规则的格子。

用单独样式表达缺失数据

缺失格可以用浅灰、短横线和图例说明共同表达,不与零值共用完全一样颜色。原因如果重要,在图下写缺少记录而不是没有练习,避免把未知解释成确切结论。格子没有填数字也可能是排版漏项,所以每个空白都要回源表确认。若需要显示不适用状态,另行说明并与缺失区别,不无限增加难以记忆的符号。先控制在读者能理解的少量状态,文字解释比堆叠颜色更可靠。

更换数据时保留原色阶比较

做第二组同口径数据时,先沿用原分档,让相同颜色在两张图中仍表示相同范围。若新数值超出最高档,先决定扩展图例并同步更新旧图,或明确最高档含更大值,不能悄悄换规则。两张并排比较时,行列顺序、格子尺寸和单位都一致,差异才容易理解。不要因为第二张看起来太浅就临时加深全部颜色,那会制造不真实的强弱。记录每轮数据范围、规则和版本,避免图例落后于格子内容。

在目标尺寸检查矩阵可读性

保存原稿,导出后核对列名、行名、最小数字与色阶图例。缩小后如果只有色块而看不清范围,至少保留完整标题和图例,不强求格内每个字都挤入很小图片。可以减少行列或分成两图,但两图共享规则。透明背景输出时检查浅格是否与背景混成一片,必要时使用明确底板。文件名记录数据范围与规则版本,分享时带完整图例,不单独裁取中心几格让读者失去解释。

图案异常时按边界值回查

某格颜色突兀,先查它的数值是否落在分档边界,再核对是不是换错填充对象。整行偏深时检查是否误套另一套色阶,而不直接把数字改小。缺失格被当零,先修源表与图例,再同步图中样式。复制后列名错位,应从第一列依次追踪到第五列,不靠大致中心位置判断。最后随机选三个格,读出行、列、数值、分档和颜色含义,五项都能对应,才说明这张热力矩阵可以被复核。

相关教程与资料

VectorPaint 方案对照表:用一致列宽展示三种选择、VectorPaint 填充与描边:做出清楚的色块和统一线条。

2026 年 10 月 27 日核对 Apple 公开版本信息:VectorPaint 1.0.8,最低要求 iOS / iPadOS 17。功能依据官方 App Store 说明和对应入口整理。本文为可自行执行的步骤与检查方法,未声明已在真机、私人服务器或目标软件中逐项实测;尺寸、示例数据与文案用于练习,具体控件以安装版本为准。