数据可视化原理-腾讯-热力图

在做数据分析类的产品功能设计时,经常用到可视化方式,挖掘数据价值,表达数据的内在规律与特征展示给客户。

可是作为一个产品经理,(1)如果不能够掌握各类可视化图形的含义,就不知道哪类数据该用哪个图形。光知道可视化图形的含义还不够,(2)还要掌握该类可视化图形需要的后台数据结构是怎样的,才能指导数据处理人员或后端开发在现有数据结构的基础上,处理数据,供各类可视化图形调用。

下面,将以腾讯的数据可视化API为案例,学习可视化图形的原理,方便后续正确使用这些图形,进行数据可视化表达。如果有理解错误的地方,欢迎大家及时反馈,避免误导他人,多谢啦。

热力图

热力图以颜色来表现数据强弱大小及分布趋势。

热力图的属性介绍

radius:最大辐射半径,默认为50。

该属性将影响热力图的"连片"程度,辐射半径越大,热力图表现的越连续;辐射半径越小,热力图表现的越分散。如下图:


height: 峰值高度,默认为100。

该属性将影响热力图的显示高度,值越大,热力图的高度越高。



min:热力最弱阈值,小于该值的不显示,默认为0。
max:热力最强阈值,大于该值的显示为最强色,默认为数据中的最大值。

热力阈值 = 热力区域内 各个热力点的权重值总和。



热力点数据结构

复制代码
{"lng":116.413605,"lat":40.04902,"count":81}
{"lng":116.239012,"lat":39.904288,"count":82}
{"lng":116.408522,"lat":40.016971,"count":90}
{"lng":116.475833,"lat":39.947107,"count":12}
{"lng":116.43476,"lat":39.901671,"count":85}
{"lng":116.40229,"lat":39.869205,"count":18}
{"lng":116.226013,"lat":40.213485,"count":87}
{"lng":116.689042,"lat":39.889192,"count":74}
{"lng":116.377252,"lat":39.873622,"count":89}
{"lng":116.53061,"lat":40.103146,"count":28}
{"lng":116.416271,"lat":39.905187,"count":91}
{"lng":116.531169,"lat":39.91276,"count":92}
{"lng":116.17849,"lat":40.075692,"count":65}
{"lng":116.188616,"lat":40.102413,"count":94}
相关推荐
小熊officer26 分钟前
Nginx学习
运维·学习·nginx
秋邱29 分钟前
价值升维!公益赋能 + 绿色技术 + 终身学习,构建可持续教育 AI 生态
网络·数据库·人工智能·redis·python·学习·docker
Three~stone34 分钟前
Matlab2025b的安装教程(附安装包和密钥破解文件)
学习·mysql·持续部署
爱学习的大牛1231 小时前
如何系统学习网络渗透测试:从入门到精通的完整指南
网络·学习
落子摘星1 小时前
suricata学习杂记(一)
学习·modbus·suricata·pdu
charlie1145141912 小时前
深入理解C/C++的编译链接技术6——A2:动态库设计基础之ABI设计接口
c语言·开发语言·c++·学习·动态库·函数
white-persist2 小时前
【攻防世界】reverse | Reversing-x64Elf-100 详细题解 WP
c语言·开发语言·网络·python·学习·安全·php
love530love2 小时前
【保姆级教程】Windows + Podman 从零部署 Duix-Avatar 数字人项目
人工智能·windows·笔记·python·数字人·podman·duix-avatar
草莓熊Lotso3 小时前
《算法闯关指南:动态规划算法--斐波拉契数列模型》--01.第N个泰波拉契数,02.三步问题
开发语言·c++·经验分享·笔记·其他·算法·动态规划
AI绘画哇哒哒5 小时前
【收藏必看】大模型智能体六大设计模式详解:从ReAct到Agentic RAG,构建可靠AI系统
人工智能·学习·ai·语言模型·程序员·产品经理·转行