Title Text:People may complain about readability, but even with jpeg compression, extracting the data points is usually computationally feasible if there aren’t too many of them.

Origin:https://xkcd.com/2864/

https://www.explainxkcd.com/wiki/index.php/2864:_Compact_Graphs

压缩图表

https://xkcd.in/comic?lg=cn&id=2864

这是兰德尔的另一个提示，这次是设计提示，是连续两个中的第二个，第一个是2863：以空间提示为主题的空间排版。这个漫画很不寻常，因为兰德尔似乎犯了一个错误（见下文）。
兰德尔告诉平面设计师，他们可以通过在图表中使用色调（颜色的一个元素）和数据点的标签来表示数据集的前两个定量维度，从而提高空间效率，而不是传统的方式：使用x和y轴，然后使用色调和标签来表示附加维度（例如色调用于z轴，或者标签用于定性信息）。
在这个漫画的色调-标签图中，x轴维度（大部分）被转换为对应的色调值，而y轴维度则被转换为文本标签；也就是说，漫画中多彩线条的实际内容是在同一位置写下的多个数字。每个数字是左侧图中的一个点的y坐标，其颜色（通常）对应于使用色调、饱和度、明度（HSV）模型的x坐标。换句话说，标签的颜色并不是任意的；每种颜色代表数据点的一个数值维度，作为从0到某个最大值的色调值。通常，这个最大值可以达到360度，在HSV或HSL颜色模型的循环连续体中，红色为零/360，但可以选择其他数值关系和子集，以避免不必要地混淆最低值的色调与最高值（在非循环尺度中）以及/或将更有意义的颜色对齐（例如，蓝色表示凉爽，红色表示炽热，尽量避免品红色段）。

色轮
在HSV颜色模型中，色调组件表示颜色类型，并以角度的形式在色轮上表示，其中0度是红色。色调值以度数表示，范围从0到360。每个值对应于色轮上的一个位置，定义了特定颜色。这种方法的一个明显局限性是，当以这种方式用于表示特定数量时，色调维度只能处理从0到360的值，而在狭窄范围内的值（例如，按英寸测量的篮球队球员的身高）将都呈现为单一颜色的相似色调（例如，黄绿）。
这个色调-标签图包含了五个数据点，分别是橙红色的62、黄色的159、绿色的205、青色的187和蓝色的230。

红色的62对应约17的x值，色调值对应温暖红色的色调。
黄色的159对应约36的x值，通常代表温暖黄色的范围。
绿色的205对应约67的x值，是黄色绿色的色调值。
青色的187：187接近青色的色调值，在色轮的绿色和蓝色之间。（这个数据点的x轴值为85，属于黄绿色。）
蓝色的230：230是清晰、独特蓝色的色调值。（这个数据点的x轴值为100，属于暖绿色。）
有趣的是，前三个数据点的色调颜色代表它们的x轴值，而最后两个数据点的颜色对应它们的y轴值。将这最后两个数据点的x和y值弄混显然是一个错误。所有5个数据点的颜色都应该代表x轴值，而y轴值应仅用于数据标签。如果这是一个数学作业，兰德尔将获得部分分数。
这种不一致可能是兰德尔的一个意外错误，或者可能是故意的。
兰德尔的意图可能是既（1）使他的插图的x轴值保持在0到100之间（也许它们代表真实世界的百分比），同时（2）在色调-标签图中拥有一系列的彩虹颜色。但如果他混淆的动机是完整的颜色范围，那么不清楚他为什么不简单地让数据集的x值范围从0到360来涵盖所有潜在的色调值。无论如何，这种不一致讽刺性地强调了这种图表风格的局限性；一个“色调-标签”图是如此无用，以至于连作者（或许）都没有注意到自己在错误地绘制值。
这5个数据点的一个假设主题的潜在例子是锻炼持续时间与卡路里消耗。在这种情况下，x轴将绘制锻炼持续时间（以分钟为单位，0到100），y轴将显示燃烧的卡路里（0到250）。锻炼时间越长，消耗的卡路里就越多，但图表表明这并不是一个完美的相关性。还有许多其他情境是可能的。
标题文本提到人们可能会抱怨可读性，正如从漫画中色调和标签图的杂乱不清的似乎无意义的线条中显而易见的那样。它说，辨别数据点是“计算上可行的，只要它们数量不太多”。将信息解读标记为“计算上可行”意味着它是如此困难以至于可以说的最好的事情就是它并不是完全不可能。
之前在2537：痛苦奖中，颜色比例图是一个笑话的源头。
此外，色调通常用于表示地理空间分析中的比例维度，例如气象图上的相对降雨量或地形图上的相对高度（高程色调），通常伴随着图例。这与使用色调直接表示从0到360的数值是很不同的。