1700428581
插件会在一个新窗口中生成TreeMap,如图4-11所示。在其菜单View→option中可以继续设置颜色、边框、标签等多个显示效果,设置满意后可以另存为图片。
1700428582
1700428583
1700428584
1700428585
1700428586
图4-11 生成的Treemap图
1700428587
1700428588
TreeMap与HeatMap的相似之处是它们都使用颜色深浅来反映变量的大小,不同之处在于HeatMap用图形反映地理位置,而TreeMap用图形反映另一个变量的大小。从这一点来说,TreeMap与3.5节的热力气泡式数据地图更为相似。
1700428589
1700428591
4.5 HeatMap的变形使用
1700428592
1700428593
可以看到,TreeMap其实是HeatMap的一种变形使用。HeatMap作为一种数据可视化手段,有很多变化的使用形式,最常见的就是对数据表格进行可视化。
1700428594
1700428595
图4-12是一个经典的表格HeatMap可视化案例。可视化之前,读者可能需要反复阅读、比较数据才能看出降雨量的分布规律。采用HeatMap可视化之后,我们只需一眼就可以发现降雨量在时间和空间上的分布特征,横向和纵向的比较都非常清晰。注意作者使用了蓝色这种冷色调来表示降雨量,如果是反映温度数据,那么就需要使用橙色了。
1700428596
1700428597
1700428598
1700428599
1700428600
图4-12 使用HeatMap可视化后,降雨量的特征立即显现出来
1700428601
1700428602
要对表格进行HeatMap可视化设置,利用Excel 2010版本中的条件格式→色阶功能非常方便。选中表格区域后,在菜单条件格式→色阶中选择合适的样式和规则,即可设置出所需的HeatMap效果。若对默认的样式不满意,可通过编辑格式规则对话框做进一步的自定义设置,如图4-13所示。
1700428603
1700428604
1700428605
1700428606
1700428607
图4-13 条件格式-色阶的设置方法
1700428608
1700428609
HeatMap还可以应用到实物图上。图4-14是一个键盘按键使用频率的热力地图。通过这个键盘热力地图,可以发现原来现在我们所使用的键盘布局并非最合理的。据说设计键盘的人当时只是为了避免打字机传动杆相互碰撞而卡住,才把键盘布局设计成这样的,并非他所说的是根据使用频率来设计的。但由于历史和习惯的原因,也就只能将错就错了。
1700428610
1700428611
1700428612
1700428613
1700428614
图4-14 键盘按键使用频率热力地图 例图来源:《华尔街日报》网站
1700428615
1700428616
在网站分析中,有一种对访客浏览网页的行为进行可视化的网站点击热图,也是一种常见的HeatMap应用。它对用户经常点击的模块或聚焦的内容进行高亮显示,用于改进网站交互和用户体验。
1700428617
1700428619
4.6 数据地图的配色规范
1700428620
1700428621
数据地图特别是热力地图,是靠颜色深浅来反映数据大小的,颜色的深浅要与数值大小呈比例变化。因此,数据地图的颜色并非随意填充,而是要符合科学的规范。
1700428622
1700428623
不同颜色会唤起人不同的情绪或感觉。如天气预报中使用橙色、红色反映高温时的温度,而用蓝色反映下雨时的降雨量大小。交通信号中用红色代表停止,绿色代表通行。在会计中人们使用红色代表赤字、亏损、下降等,使用绿色代表正常、盈利、上升等。但在中国股市里人们又习惯用红色代表上涨,绿色代表下跌。这都是特定领域里长期以来形成的不同习惯。
1700428624
1700428625
通过观察商业媒体上的数据地图,我们可以看到常见的填色形式有3种,如图4-15所示。
1700428626
1700428627
1700428628
1700428629
1700428630
图4-15 地图配色的3种形式
[
上一页 ]
[ :1.700428581e+09 ]
[
下一页 ]