热门图表工具下载: |
什么是热力图?
所谓热力图(heat map),又叫等值线地图(choropleth map),是超越了传统地图意义的一种新型的地图。
首先,它是根植于传统地图的,一张热力图上的边界,一般是按照传统地图上的市、省、国家的行政区域边界来划分。
其次,热力图以不同的颜色来对各个地区的不同情况予以显示。不同的颜色可以表示不同的人口密度、天气情况、人均收入、社会观点等等基于地理位置的不同数据。
下面这张图,就展示了2008年美国大选的投票结果。红色是麦凯恩,蓝色代表奥巴马,用不同的颜色深度表示他们在不同的州赢得的支持率。结果,当然大家都是知道滴。
热力图溯源
前面说过,热力图是根植于传统地图的一种新型的图表,所以热力图的历史并不长。
很多因素限制了热力图的萌芽,其中就包括现代地图学。
直到19世纪,航海大发现催生了现代地图学的成熟和发展,采用投影法的地图越加精细,全球的地理数据积累也日益丰富,热力图才自然而然地被发明出来了。
法国的一位数学家、工程师、经济学家和政治家夏尔.潘迪(Charles Dupin 1784-1873),可能是世界上第一位使用热力图的人。
这张发表于1826年的黑白地图上,以从白到黑不同深度,标示了法国文盲的分布情况。
热力图的使用
热力图是完美的传统地图与现代数据结合的产物,最大的特点,就是它的数据范围有边界,而这个边界,是由传统地图或者说人为划定的。
就像前面美国大选图,我们可以看到以各个州、市中双方赢得的选票比例。
相信诸位现在心里会有一个疑问了。
我知道,且看下面这张图,请注意其中的一些细节。
这是关于英伦三岛的一张人口密度分布图。
请注意,它不是直接按照人口密度分布画出的等值线图,而是以行政区域来划分数据边界的。
请注意图中的一些细节:
这张图上主要显示的是英国各个郡的人口密度分布情况。但是有的郡区域内,会有很小部分颜色很深,说明人口密度比周边地区要高出很多。
因为像都柏林、爱尔兰这些地区,整体人烟稀少,人口密度很低,但是在中心城市却聚集大量人口,采用全郡平均值的话,会引起很大的误会。
所以,这张图上,将一些重点城市的人口密度也标示出来。以免造成误读。
当然,我们别忘了,热力图还有一个名字叫做等值线图。这里人为划分的行政区域已经取消,数据的边界由数据本身决定。就像下面这张全球轮班航次图。
热力图最佳设计指南
前面我们已经简单介绍了热力图的一些基本情况,下面该讲讲基本的设计原则了。
使用细的地图轮廓线
粗的轮廓线,会使得地图上的各个图块变得分散。
选择合适的配色
热力图中,同一系列的颜色应该选用同一色系的颜色,或者是相近颜色的过渡色。
少用填充图案
可以用不同的图案标示不同的变量。但是不宜超过3种,否则就喧宾夺主了。
选择合适的数据区间
选择3-5个数据范围,尽量使数据在这几个范围内分布均匀,超出这个范围的数据用+/-号表示。
来源:InfoVision
相关推荐
大屏展示后台数据可视化UI界面 大屏展示数据可视化UI界面 大气科技可视化数据界面 大数据监控可视化平台 大数据可视化分析UI 大数据可视化界面大屏展示页面 大数据可视化科技风格环境治理 大数据可视化科技风格数据...
某学校招生可视化大屏数据大屏UI界面 深空蓝科技感登录酷炫界面UI 深蓝大屏展示数据可视化UI界面 深蓝精准营销数据可视化大数据后台UI界面 深蓝色科技大数据可视化UI网页界面 深蓝色可视化数据界面网页UI界面 深蓝色...
[R语言]数据可视化的最佳解决方案:ggplot2.docx
更多Python&Echarts版的数据可视化大屏源码: https://yydatav.blog.csdn.net/article/details/120705616 更多Java SpringBoot&Echarts版的数据可视化大屏源码: ... 更多《工厂订单出入库信息管理系统》案例源码: ...
更多Python&Echarts版的数据可视化大屏源码: https://yydatav.blog.csdn.net/article/details/120705616 更多Java SpringBoot&Echarts版的数据可视化大屏源码: ... 更多《工厂订单出入库信息管理系统》案例源码: ...
可视化基础知识,可视化(Visualization)技术是关于数据视觉表现形式的科学技术研究。其中,这种“数据的视觉表现形式”被定义为:一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。 有点...
1. 前后端分离:前端 Echarts JavaScript BootStrap...更多Python&Echarts版的数据可视化大屏源码: https://yydatav.blog.csdn.net/article/details/120705616 更多Java SpringBoot&Echarts版的数据可视化大屏源码: ...
Python数据可视化实战 第7章 新零售智能销售数据可视化实战 教案.docx.pdfPython数据可视化实战 第7章 新零售智能销售数据可视化实战 教案.docx.pdfPython数据可视化实战 第7章 新零售智能销售数据可视化实战 教案....
更多Python&Echarts版的数据可视化大屏源码: https://yydatav.blog.csdn.net/article/details/120705616 更多Java SpringBoot&Echarts版的数据可视化大屏源码: ... 更多《工厂订单出入库信息管理系统》案例源码: ...
99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 99套数据可视化源码 ...
数据可视化基础
资源名称:JavaScript数据可视化编程内容简介:数据可视化是实现数据价值的重要工具。数据可视化可以将抽象的数字累积转变成为图形、表单等,让普通人可以快速理解数据所代表的情况或趋势。本书是学习如何用...
综合使用条形图、柱状图、折线图、饼图、地图、数字翻牌器来实现一个常规的大屏数据可视化项目。 项目案例 - 上市公司地域分布 以百度地图为底图,结合ECharts绘制地理信息数据 旭日图 - 基于ECharts V4.2 旭日图...
1. 前后端分离:前端 Echarts JavaScript ...更多Python&Echarts版的数据可视化大屏源码: https://yydatav.blog.csdn.net/article/details/120705616 更多Java SpringBoot&Echarts版的数据可视化大屏源码: ...
《Python数据可视化编程实战》是一本使用Python实现...《Python数据可视化编程实战》适合那些对Python编程有一定基础的开发人员,可以帮助读者从头开始了解数据、数据格式、数据可视化,并学会使用Python可视化数据。
全能的数据可视化元件库 支持 20+ 种图表 支持 80 多项个性化配置 支持 ECharts 1000+ 图表 支持 Highcharts 100+ 图表 超丰富:覆盖上千种图表、地图和可视化元件 超方便:跟 PPT 一样修改数据和样式,持 80+ ...
更多Python&Echarts版的数据可视化大屏源码: https://yydatav.blog.csdn.net/article/details/120705616 更多Java SpringBoot&Echarts版的数据可视化大屏源码: ... 更多《工厂订单出入库信息管理系统》案例源码: ...
计算机设计大赛-数据可视化赛道-大数据可视化数据大屏可视化模板.zip是一个包含大数据可视化数据大屏可视化模板的压缩文件。该模板旨在为参赛者在计算机设计大赛的数据可视化赛道中提供帮助,以展示具有吸引力和交互...
微博热搜数据可视化分析系统 前端框架:html+ css+boostrap+echart 后端框架:flask+python+snownlp 数据库:mysql python数据可视化分析微博热搜微博可舆情可视化分析系统
HTML/CSS的大屏数据可视化集合案例源码(99套)数据可视化集合。 基于HTML/CSS/Echarts的会议展览、业务监控、风险预警、数据分析展示等多种展示需求可视化集合,76套数据可视化源码,25套数据可视化源码。数据都是...