惊艳!人人都能玩转酷炫的数据可视化,高德LOCA 2.0全新升级,轻松实现海量数据渲染

简介: “一图胜千言”,大数据时代来临,数据与人们生活密切相关。复杂难懂且体量庞大的数据给人的感觉总是冷冰冰的,让人难以获取到重点信息,也找不出规律和特征,数据价值发挥不出来。空间数据可视化就是为了解决这些问题,用通俗易懂的图形符号还原数据,表达多纬度数据信息,让你的数据“活”起来!

引言

“一图胜千言”,大数据时代来临,数据与人们生活密切相关。复杂难懂且体量庞大的数据给人的感觉总是冷冰冰的,让人难以获取到重点信息,也找不出规律和特征,数据价值发挥不出来。空间数据可视化就是为了解决这些问题用通俗易懂的图形符号还原数据,表达多纬度数据信息,让你的数据“活”起来

image.png


高德 LOCA 数据可视化旨在为各领域企业和个人提供便捷高效的可视化应用技术,提供基于 WebGL 和高德 JSAPI 的大规模地理数据可视化开发框架,应用于地理空间数据的可视化领域。与高德静态底图结合,深度定制,拥有丰富的可视化类型将高性能海量数据渲染能力、丰富的案例场景、酷炫表达以简单易用的方式提供给用户,让人人都能玩转酷炫的地理数据可视化。

一句话概括,你可以轻轻松松把一堆枯燥无味的数据通过酷炫的方式展示到地图上,并顺手生成那个牛气哄哄的可视化方案!


LOCA数据可视化API 2.0全新升级

LOCA2.0不仅具有简单易用的  API  文档,丰富的场景案例灵活选择。还升级了90余种图层能力其中包括数据交互功能及点、线、面、蜂窝、热力等动画支持,让数据鲜活有温度、易理解、可交互。技术上运用全新的渲染管线和架构模式,极大提升了数据处理能力和数据渲染能力。



LOCA 2.0新特性

image.gif视觉&动效

1.用这些配色既好看,又能传递数据语义

LOCA 的基础配色,结合数据关联关系、分布趋势、特征属性等特点,精细化配置颜色在数据维度上的衡量和心理感知。所有案例均使用辨识度高、准确、可信的配色策略,包括:分类色、单双相连续色、发散色、语义色。通过颜色的视觉通道来理解和观测数据,用户可根据 LOCA 案例场景取对应配色方案使用,后续将提供浅色地图的可视化配色主题。
image.gifimage.png

2.简单易懂的图形符号,让你做出人人都懂的可视化

在实现可视化映射时,LOCA 采用图形易变量的思路,定义了视觉变量的种类:形状、尺寸、方向、颜色,将数据点映射到图形时,基于数据的类别、顺序和数值特性,匹配合适的视觉图形。如图所示,LOCA 所使用的视觉变量及可视化编码。


image.pngimage.gif


3.高度自定义镜头,支持多数据场景切换

高度自定义的镜头。在地图场景中如何运用镜头语言来展现信息内容尤为重要,因此我们提供了 Pitch、Zoom、Rotation、Center 四个镜头相关变量,自定义轨迹动画曲线缓入、缓出等,实现对镜头参数顺心所欲的控制。

image.gif

image.png

4.平滑自然的动画效果,让数据转场不再突兀

更多图层要素动效。支持三十多种动画线,高度、半径、透明度、海拔等属性都拥有动画过渡特效,解决图层出现消失时的突兀问题,让数据之间的转场过渡平滑自然。

image.gifimage.png

5.多光源分布,增强场景视效

一个场景支持多点布光。多种光照类型,多光源分布,可控制光照强度、范围、颜色、位置等,通过参数控制光照随时间的转场效果,增加场景光照明暗的视觉层次。

image.gifimage.png

6.表达AB点脉冲和轨迹动画效果,让数据鲜活起来

PulseLine 轨迹线支持脉冲效果,脉冲可控制数量、动画时长、线段宽度等,动画方向和速率均可传递数据意义,例速度快则数据线路繁忙,慢则反之。Scatter 图层支持图标动效绘制。

image.gifimage.png


图层能力&渲染性能

1.三维空间高度线和楼层能力,还原真实空间数据效果

三维空间支持。线图、热力图、网格图、蜂窝图等都已支持地理单位(米)的设置,并且对于线数据图层可设置每一个节点的海拔高度,定义节点之间不同的垂直距离。三维高度面能力,还原实际楼层高度及内部构造,可灵活设置单个楼层和内部面的厚度、透明度和颜色等属性。

image.png

2.个性化定制独特的图形,让可视化效果丰富多样

数据驱动的自定义视觉变量控制。样式字段支持对图层中单个数据进行函数回调,可以针对每一个数据设置独特的图形符号,灵活的配置图形符号半径、透明度、透明度等属性。
image.gifimage.png

3.数据渲染可达百万级,效率提升近10倍

通过全新的架构渲染管线,优化数据处理和样式解析过程,充分发挥 WebGL 的渲染性能,突破 LOCA 1.3 大数据量渲染的瓶颈,数据响应速度快可轻松处理大规模数据集。
image.gifimage.png


4.支持多图层任意组合,大小场景实时观测

在业务场景中,通常观测宏观趋势时也希望可以看到微观场景下数据分布和数值,辅助数据分析及决策。LOCA 提供双图层融合能力,可对单个图层自定义颜色、尺寸、样式和组合过渡效果。以 3D 热图结合点图层为例,通过镜头控制地图逐级下钻,满足从全局到局部可视的读取数据的需求。

image.pngimage.gif


5.数据精准拾取,满足复杂场景的展示和交互

支持图面海量要素的快速获取,细颗粒度控制要素的自定义样式和独立渲染,鼠标滑过元素即高亮反馈并透出数据信息,点、线、面、体最小像素选中后数据精准透出,来满足复杂场景的展示和交互。
image.gifimage.png

LOCA 业务场景应用

LOCA 可视化 API 旨在帮助企业和个人打造空间数据可视化表达与分析解决方案,适用于众多业务场景。例如:交易分析、选址投放、交通指数、城市健康度、事件响应、研判分析、疫情迁徙等场景的应用。LOCA 2.0 全面提升了业务场景表达能力,多维度解读数据,使业务数据表达更专业、精准。也为用户提供了丰富的业务场景案例 Demo,供广大用户参考使用。

image.png

结语正如约翰·图基所说:图像最大的价值在于促使我们关注到意想不到的东西。地理可视化通过数据的计算转化,让颜色变得更有温度,数据变得更有份量,动画更有意义,让地理空间数据更具活力。未来还有越来越多的可视化前沿场景等着我们去挖掘去钻研,依托于高德地图的 LOCA 将持续提升空间数据的计算和表达能力,增强数据交互体验,让数据可视化发挥更巨大的商业价值,这也是我们不断前进的动力。



访问高德开放平台
lbs.amap.com高德数据可视化主页:https://lbs.amap.com/product/loca#/




电子书免费下载

《高德技术2020年刊合辑》



高德技术重磅发布《高德技术2020年刊合辑》电子书,覆盖了大前端、算法、架构、汽车工程、质量等多个领域,以及数篇高德入选顶会论文的解读,分享高德在智慧出行上的最佳技术实践和总结。

取消在看

相关文章
|
2月前
|
资源调度 前端开发 数据可视化
构建高效的数据可视化仪表板:D3.js与React的融合之道
【10月更文挑战第25天】在数据驱动的时代,将复杂的数据集转换为直观、互动式的可视化表示已成为一项至关重要的技能。本文深入探讨了如何结合D3.js的强大可视化功能和React框架的响应式特性来构建高效、动态的数据可视化仪表板。文章首先介绍了D3.js和React的基础知识,然后通过一个实际的项目案例,详细阐述了如何将两者结合使用,并提供了实用的代码示例。无论你是数据科学家、前端开发者还是可视化爱好者,这篇文章都将为你提供宝贵的洞见和实用技能。
83 5
|
5月前
|
C# 数据可视化 开发者
WPF开发者福音:深度解析OxyPlot与LiveCharts图表库,轻松实现数据可视化不再是难题!
【8月更文挑战第31天】在WPF应用中,数据可视化对提升用户体验至关重要。本文介绍并演示了两种流行图表库OxyPlot和LiveCharts的集成与使用方法。OxyPlot是一款适用于.NET应用的开源图表库,提供多种图表类型,易于集成。LiveCharts则以其丰富的图表类型和动画效果,特别适合实时数据展示。通过具体代码示例,本文展示了如何利用这两种图表库创建折线图和柱状图,并详细说明了安装和配置步骤。希望本文能帮助开发者在WPF应用中轻松实现高效、美观的数据可视化。
286 0
|
5月前
|
数据可视化 前端开发 JavaScript
【Echarts大屏】智慧医疗可视化大屏(新手必用)
【Echarts大屏】智慧医疗可视化大屏(新手必用)
|
5月前
|
数据可视化
动漫形象平台 Echarts数据可视化大屏
动漫形象平台 Echarts数据可视化大屏
|
5月前
|
数据可视化 前端开发 JavaScript
怪不得你们觉得数据可视化大屏不好做,原来是缺素材啊!!
怪不得你们觉得数据可视化大屏不好做,原来是缺素材啊!!
|
5月前
|
自动驾驶 数据可视化 前端开发
【Echarts大屏】自动驾驶可视化大屏(附源码一键复制)
【Echarts大屏】自动驾驶可视化大屏(附源码一键复制)
|
8月前
|
移动开发 数据可视化 前端开发
制作酷炫可视化大屏利器--分享10种比较流行的开源免费的图表库
制作酷炫可视化大屏利器--分享10种比较流行的开源免费的图表库
385 0
|
数据可视化 安全 Cloud Native
AntV 你的保姆级数据可视化解决方案
AntV 你的保姆级数据可视化解决方案
836 0
|
数据可视化 JavaScript 前端开发
[LBS学习笔记 1]高德数据可视化初体验
换了新工作,虽然还是java开发,但是之前搞做在线教育的,现在做地图相关的事。因此,花了些时间学了空间索引相关的内容,后期会写关于空间索引相关的内容,这期写地理数据可视化相关的内容。
185 0
[LBS学习笔记 1]高德数据可视化初体验
|
监控 数据可视化
漏刻有时LOCKDATA数据可视化核心框架常见问题集锦
漏刻有时LOCKDATA数据可视化核心框架常见问题集锦
83 0