代码改变世界

《最简单的图形与最复杂的信息》总结

2023-11-23 22:00  前端小白的江湖路  阅读(38)  评论(0编辑  收藏  举报

绘制图形的核心原则

真实刻画数据表现,不能夸张与缩小数据表现。一句话,还原数据本来的样子。

图形的组成

标题,坐标轴,图例(可选),数据曲线

1.坐标轴

a.选择合适的坐标刻度,尽可能让数据曲线占到图形的2/3

Y轴的刻度不宜过小于过大,否则对于折线图表现变化过于夸张

b.竖直条形图需要有零基线,不然表现的比例失真

2.图例

图例需要对照来看,实际上能不用图例尽可能不用图例,直接在折线图旁标注更为优雅。

3.数据曲线

a.饼图(pie chart)

人的阅读顺序习惯看向右上角,因此12点方向右边绘制最大比例块

b.象形图(pictogram)

象形图有着跨域不同文化的理解优势

c.对于折线图是表现变化率还是绝对值

这里以股票举例,如果A股票从10美元涨到了20美元,增长了100%

B股票从100美元涨到了120美元,增长了20%。

可以同时绘制2种曲线来绝对值和变化率两种曲线来表现

d.x轴可以是非线性刻度

比如对于时间刻度,人们其实对于时间的感知是非线性的

比如人们对1年和2年的差距感觉很明显,但是对70年和71年感觉要弱很多。

人们总会按照当前的基数来产生对比

e.缺失数据

 如果缺失数据小于20%,不影响整体趋势的话,缺失数据仍可绘制折线图,但是不能绘制饼图,饼图要求100%的计算累和

f.异常数据

对于异常值或者偏移众数过远时,在绘制条形图时,可以截断顶点

g.绘制表格时的数字对齐方式

按照低位到高位的对齐方式

对于整数,右对齐

32

  8

对于小数,按照小数点对齐,如果有整数,补0 

17.0

 4.3

h.表格绘制

对于表格不用斑马线涂色方式,眩晕感很强