echart 数据点可以加链接吗_地理可视化就这么简单、酷炫,蚂蚁金服AntV 空间数据可视化引擎 L72.0发布...

导读

L7 是由蚂蚁金服 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。L7 以图形符号学为理论基础,将抽象复杂的空间数据转化成 2D、3D 符号,通过颜色、大小、体积、纹理等视觉变量实现丰富的可视化表达。

7141fe568515ff872c9b9075d175acf0.gif
L7 可视化效果概览

L7 经过一年的业务锤炼和打磨,可以在地理信息应用、大屏展示、大规模地理数据分析等多种业务场景提供支持。地理分析应用往往是集时间、空间、属性等多维度数据为一体的综合性可视分析系统,在数据规模,数据类型,以及交互模式上具有极其复杂的多样性,因此在设计和开发地理可视化分析应用时,需要不同领域的人共同参与。

我们希望通过提供一套地理可视化领域下的最佳解决方案,能够让没有任何空间数据技术背景的人,通过简单的学习,就能够设计、开发和使用地理数据分析应用。L7 把各领域的专业技术进行抽象封装,将简单和便捷留给用户,降低使用门槛,打造简单易用的地理可视化引擎。即使没有地理可视化专业背景,也可以快速搭建地理可视化分析应用,突破地理数据专业门槛,人人都能玩转地理数据。

L7 2.0 版本特性

  • 数据驱动可视化展示
    数据驱动,从数到形,支持丰富的地图可视化类型,更好洞察数据。
  • 2D,3D 一体化的海量数据高性能渲染
    百万级空间数据实时,动态渲染。
  • 简单灵活的数据接入
    支持CSV,JSON,geojson等数据格式接入,可以根据需求自定义数据格式,无需复杂的空间数据转换。
  • 多地图底图支持,支持离线内网部署

高德地图国内合法合规的地理底图, Mapbox 满足国际化业务需求。

特性详细介绍

多地图底图支持

L7 专注地理可视化层的设计和研发,地图底图使用第三方服务,相比1.x 版本, 2.0版本新增了多地图支持,可以在高德地图和MapBox 地图之间无缝切换,国内的业务场景可以使用安全合规的高德地图方案,国际化或者离线部署需求可以采用MapBox方案。同时在2.0新架构体系下可以更好地扩展其它地图。

创建L7实例时,我们只需要指定地图类型Type设置为 amap 或者 mapbox 即可完成初始化。

const 

简单的语法,灵活的数据接入

L7地理可视化设计思想以图形符号学为基础,以点、线、面基础元素为核心,通过颜色、大小、形状、纹理、动画几个维度的数据映射,实现千变万化的图形展示。

我们的demo展示了如何绘制一个简单气泡图,右侧代码展示了具体的实现。

0da043da2b93e37f27032937e8be4664.gif

根据数据字段我们还可以使用size、color、 shape方法进行数据映射,进而实现千变万化的展示。

02cb598e4d89273775af6e5163dedd28.gif
L7 不同形状映射

丰富的地理图表类型

丰富的图表类型满足你业务上不同数据、不同目的可视化展示需求。

点图层

根据点数据的可视化使用场景,我们将点数据表达方式进行了详细划分。目前分为:气泡图、散点图、符号地图、3D柱状地图、聚合地图、复合图表地图和自定义Marker 共7 种基本类型。

504d3ef59ddd0bf20fb6789ffa280f17.png

浅色主题不同样式的点图层展示

ae21d7ee931e9492e27dd4936a42d0b2.gif

线图层

  • 路径地图
  • 弧线,支持2D弧线、3D弧线以及大圆航线
  • 等值线

694c9e0efb6546af50e3e2069241c2c9.png

线图层不同效果展示

da6acfccd443c5045c774fa8a4be15cf.png

面图层

  • 填充图
  • 3D填充图

填充图通常用来表达区域范围具有分级现象的聚合面状分布,常以颜色或底纹填充的图斑,如:风险等级划分、降水量划分,等等

1309cee0fdb7966736b79feb77a217ff.png

填充图我们还可以将数据按照高度、颜色进行映射,实现3D可视化效果。

299459e55c7f4e5d4bff7dc00ce52d50.png

热力图

热力图分为经典热力图、蜂窝热力图和网格热力图,可以支持2D、3D两种方式展示,满足不同场景数据聚合统计需求

  • 经典热力图
    提供 2D、3D两个版本

692107b4e2a7e20ec61c3b38fb21e4d3.png
L7 热力图
  • 蜂窝、网格热力图
    目前L7 提供了蜂窝和网格两种数据聚合算法,将离散的点数据根据距离以蜂窝六边形和网格四边形为基础单元聚合,聚合后的结果还可设置成不同的形状进行展示。

26ad1382a486d6ed6e1e16177f841473.png
L7蜂窝,网格热力图

主题

针对地图可视化黑白两种通用场景,L7在地理设计上做了很多具体实践案例,追求做到数据准确,可信,美。

地图场景变化浅色主题

55f49ee565660567003d032138c4df4c.png
L7 地理空间数据可视化https://www.zhihu.com/video/1182310680631320576

地图场景变化暗色主题

f74bb43882b23788cca8db8c144d20c7.png
L7 地理空间数据可视化https://www.zhihu.com/video/1182310825707212800

黑白两种可视化主题

f47cba4369d3f57c82f79127baccc644.gif

L7 2.0 Roadmap

6a93e7853aa6ebcc0c98893036ae192e.png

L7 是开源地理可视化引擎,在符合 MIT 开源协议要求下可以完全免费的构造自己地理可视化应用,此次发布为 L7 2.0 beta 版本,主要体现L7空间数据的可视化展现能力,正式版本我们将补充交互能力和动画能力,届时可以制作更丰富的可视化效果,多维度可视化空间数据。

结语

通过地理可视化我们可以将各种数据、信息转化成更易于理解的地图形式,赋予地理数据新的活力。地图不仅能够整合我们的现有知识,还能帮助我们更好运用这些数据,赋予我们认识世界的全新视角。

L7 将不断增强空间数据的表达能力,可视化交互体验。同时我们也会推出通用业务的场景的解决方案,例如:以行政区划为核心的地理统计图;地理空间数据和关系数据图计算相结合的可视化方案;与空间数据库,云计算平台相结合的地理数据实时计算分析可视化解决方案。

更多技术细节,详细进展,请关注 GitHub,欢迎大家来给点点 Star,让更多人看到这个开源的项目。

-------------------------


AntV 品牌日的发布详情

  • 知源 · 致远 - AntV 11.22 年度发布
  • 技术
    • 这张图表「不简单」- AntV 的图表工厂
    • 洞察关系数据 - AntV 的图可视化与图分析
    • 突破专业门槛 - AntV 的地理可视化
    • 高效易用的 2D 渲染引擎 - G 4.0 升级
  • 设计
    • 2019,优雅的 AntV 来了
    • 打造默认好用的企业级图表-G2Plot
    • 始于探索 - G6 图可视化设计
    • 从「心」出发之 L7 地图可视化设计
  • 产品
    • 图表制作可以很简单 - 图表魔方 ChartCube
  • 知源 · 致远 - AntV 的那些人,那些事儿

AntV 项目链接

欢迎关注我们的 GitHub 项目,点亮 star 了解我们的实时动态,期待 pr:

  • AntV 官网:https://antv.alipay.com
  • G2:https://github.com/antvis/g2G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。
  • G2Plot:https://github.com/antvis/g2plot
    G2Plot 的定位是开箱即用、易于配置、具有良好视觉和交互体验的通用图表库。
  • F2:https://github.com/antvis/f2F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。
  • G6:https://github.com/antvis/g6G6 是 AntV 旗下的图可视化与图分析引擎,G 来自于 Graphic、Graph ,意味着我们要基于图分析技术做图可视化;6 来自于《六度分隔理论》,表达了我们对关系数据、关系网络的敬畏和着迷。
  • Graphin:https://github.com/antvis/graphinGraphin 是一个基于 G6 封装的关系可视分析工具 ,简单,高效,开箱即用,取自 Graph Insight,图的分析洞察。
  • L7:https://github.com/antvis/l7L7 是一个基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。
  • G:https://github.com/antvis/gG 是 AntV 几个产品共同的底层 2D 渲染引擎,高效易用,专注于图形的渲染、拾取、事件以及动画机制,给上层 G2、F2、G6 提供统一的渲染机制。
  • ChartCube:https://chartcube.alipay.comChartCube 是一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/470616.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

论文阅读 - Large-scale weakly-supervised pre-training for video action recognition

文章目录1 概述2 数据的收集方式3 使用的模型4 预训练时的一系列问题4.1 预训练的数据是不是越多越好?4.2 用于预训练的模型是不是越大越好?4.3 预训练数据的标签种类和数量是不是越多越好?4.4 用于预训练的每个video有长有短,时长…

excel记账本模板_原来这才是老板最喜欢看的财务报表!这些模板送你,录入自动生成...

【原来这才是老板最喜欢看的财务报表!这些模板送你,录入自动生成】都说财务报表做好,会计下班会很早!财务报表做的妙,升职加薪少不了!会计每到下班拖后腿的就是要整理好各种报表然后发给领导,会…

五、PHP框架Laravel学习笔记——回退、当前路由、单行为

一.单行为控制器 之前的课程,我们简单的创建和定义了控制器,并继承了控制器基类;为何要继承基类?因为继承基类后,可以使用基类的方法,比如中间件等;继承基类后除了支持中间件快捷使…

Chapter7-7_Deep Learning for Coreference Resolution

文章目录1 什么是coreference resolution2 框架2.1 Mention Detection2.2 Mention Pair Detection2.3 End-to-End2.4 Span Representation2.5 Pratical Implementation2.6 Result3 应用本文为李弘毅老师【Deep Learning for Coreference Resolution】的课程笔记,课程…

pwn和逆向的区别_Pwn之简单patch

亲爱的,关注我吧9/27文章共计1389个词图片xue微有点多注意流量哦预计阅读7分钟来和我一起阅读吧1引言在攻防的时候不仅仅需要break,还需要fix将漏洞patch上。2工具 这里我使用的是keypatch这个ida脚本下载地址:https://github.com/keystone-engine/keypatch/blob/ma…

python n个list如何组成矩阵_通过学习在processing中操作图片,掌握python 列表操作...

这次的教学非常简单,只需要安装了python模式的processing就可以(安装教程见专栏目录)。我从网上找了一个比100*100稍微大一点的图片,你可以也找一个。然后我们就可以一起开始今天的学习啦~(请先阅读本专栏中的processi…

六、PHP框架Laravel学习笔记——响应设置和重定向

一.响应设置 路由和控制器处理完业务都会返回一个发送到浏览器的响应:return;比如字符串会直接输出,而数组则会输出 json 格式,本身是 Response 对象; return [1, 2, 3]; //输出 json 格式 return respo…

论文阅读 - TransNet and TransNet V2

文章目录1 概述2 模型结构简述2.1 TransNet2.2 TransNet V23 数据集的构建4 模型效果5 参考文献1 概述 有些时候,一段视频是由多段短视频拼接而成的。拼接可以是直接拼接(硬拼接,见图2),也可以是由一个转场过渡拼接&a…

工厂方法模式及php实现

工厂方法模式: 工厂方法模式(Factory Method Pattern)又称为工厂模式,也叫虚拟构造器(Virtual Constructor)模式或者多态工厂(Polymorphic Factory)模式,它属于类创建型模式。在工厂方法模式中,工厂父类负责定义创建产品对象的公共…

Chapter7-8_Deep Learning for Constituency Parsing

文章目录1 什么是Constituency Parsing2 解决方案2.1 Chart-based Approach2.2 Transition-based Approach2.3 Grammer as Foreign Language本文为李弘毅老师【Deep Learning for Constituency Parsing】的课程笔记,课程视频youtube地址,点这里&#x1f…

html插入flash代码_初学者必备Web开发APP,支持代码补全,一键插入代码,厉害了!...

新手学前端神器,HTML代码补全功能太牛了!讲过学习后端的许多优秀APP,这次来推荐一下前端用的软件。前端,包含了HTMLCSSJavaScript这一整套的流程,缺一不可。其实,市面上用来编写前端的优秀APP有很多&#x…

七、PHP框架Laravel学习笔记——资源控制器

一.资源控制器 声明:资源控制器是某个特定场景下的产物,完全理解需要 PHP 项目基础;比如开发过博客系统,留言帖子系统之类,具有类似思维,否则你懂的…;只是学习了 PHP 基础&#xf…

留言板练习

这个练习做下来发现大体的步骤怎么走怎么做基本清晰&#xff0c;能实现可是做的很糙&#xff0c;没有老师细致……好多需要判断的地方没有想到 denglu.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…

Chapter7-9_Deep Learning for Dependency Parsing

文章目录1 什么是Dependency Parsing2 模型结构本文为李弘毅老师【Deep Learning for Dependency Parsing】的课程笔记&#xff0c;课程视频youtube地址&#xff0c;点这里&#x1f448;(需翻墙)。 下文中用到的图片均来自于李宏毅老师的PPT&#xff0c;若有侵权&#xff0c;必…

八、PHP框架Laravel学习笔记——表单伪造和 CSRF 保护

一&#xff0e;表单伪造 之前一直用的 GET 请求方式&#xff0c;而表单可以实现 POST 方式&#xff0c;我们来实验下&#xff1a; 先在 TaskController 创建两个方法&#xff0c;一个表单页&#xff0c;一个接受表单数据路由&#xff1b; public function form() { return v…

高通的快充协议_高通:后续骁龙旗舰将标配100W快充

高通于昨晚正式推出了Quick Charge 5充电解决方案&#xff0c;经过3年时间的准备&#xff0c;高通这一次在Quick Charge快充的升级可谓重磅&#xff0c;在功率上实现了重大突破&#xff0c;达到了100W。官方数据显示&#xff0c;高通Quick Charge 5的性能较前代平台显著提升&am…

团队作业(六)

团队项目设计文档 1、系统框图 用户对手机进行设置&#xff0c;包括时间和解锁方式轨迹。手机对用户进行闹铃提醒&#xff0c;同时提供解锁方式。手机对数据库发送数据以保存响铃时间&#xff0c;数据库对手机提供响铃时间信息。 系统框图如下&#xff1a;2、系统结构框图 项目…

Chapter7-10_Deep Learning for Question Answering (1/2)

文章目录1 什么是Question Answering(QA)2 按答案分类2.1 答案是一个单词2.2 答案是多个选项2.3 答案是source中的一段话2.4 答案是生成的一段话3 按source分类3.1 source是网页3.2 source是图片或者视频3.3 source是语音3.4 source是视频本文为李弘毅老师【Deep Learning for …

十、PHP框架Laravel学习笔记——数据库配置入门

一&#xff0e;配置数据库 框架支持原生、查询构造器和 Eloquent ORM(关系型对象映射器)来操作数据库&#xff1b; 数据库的配置在 config/database.php&#xff0c;如果是本地可以直接配置.env 文件&#xff1b; 我们通过.env 文件配置数据库连接的相关信息&#xff0c;以提…

selenium firefox驱动_Python3+selenium配置常见报错解决方案

第一个报错问题geckodriver executable needs to be in PATH1.1如果启动浏览器过程中报如下错误&#xff1a;Traceback (most recent call last):File "", line 1, in <module>File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdr…