怎么做95置信区间图_这种动态的OD图怎么做?简单3步快速搞定

之前在视频号中发过一个单车的出行数据可视化效果。

动态展示了某天单车不同时段的运行情况,这种动态的OD可视化效果是如何制作的呢?使用的是kepler.gl进行制作的,其实非常简单,3步即可快速搞定。

一、数据软件准备

1、软件

制作这种动态的OD效果很多软件都可以搞定,本次用到的软件是一个轻量级的可视化工具--kepler.gl,可以使用在线版,也可以使用我制作的离线版。

在线版使用地址:https://kepler.gl/demo

离线版下载地址:https://t.zsxq.com/FmuvJIi

2、数据

本次用到的数据是SODA分享的2016年8月份的摩拜单车数据。

eddc7830786f140546ab40d61b89150d.png

这份数据比较大,由于我的笔记本比较渣,所以对数据做了下处理,只保留了8月1日的数据,18万+条记录。另外目前的Kepler.gl对csv文件的支持性貌似有点下降,反正上传显示有问题,所以我把这份数据处理成了Geojson格式,下载地址为:
https://pan.baidu.com/s/1A7SxuvpWEWKjN1UJOzKrxQ 

提取码:hc3y

这里面还有我制作的一个样例效果。

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

二、数据可视化

以上是数据、软件的准备环节,接下来讲述下具体如何操作。只需要简单的3步。

1、数据下载和上传

首先根据数据下载地址,将对应的Geojson文件下载下来,打开Kepler.gl程序进行上传(在线版本和离线版本都操作都一样)

362e776ff16e052adbcb59f8d61e3f14.png

数据上传成功后,默认是下面这个效果。图层列表中有两个图层,你可以通过小眼睛图标来开关图层,下面那个图层可以删掉。

30f094f812319149b8bfbdbb0aab1970.png

2)数据的可视化设置

数据上传成功后,接来下就是对数据的美化设置了。所有基于Kepler.gl的可视化效果的设置都是在这一步实现的,目前它提供了很多种可视化效果,但今天我们主要讲述下用于呈现OD效果的Arc模式

1)选择Arc模式

34c3d96e2148a5c7cf43b5953a350aed.png

在图层上点击下来按钮,如上图箭头1所指位置。在Basic中选择箭头2所指的Arc模式。当然你也可以选择Line模式,但这种效果没有Arc模式好看。

2)设置OD参数

当选择了Arc模式后,会切换到一个新的面板,提示四个必填参数,其实就是两对坐标,这个根据提供的数据选择对应的Start和End的xy坐标值就可以了。

e8b380f893b0182304abad72f3bd3c56.png

记得一定要选对经纬度,这里y是lat,x是lng,当你设置正确后,效果如下图所示。

5dbce28725fe0c1cd2f68236e171fdf7.png

如果你没有显示出来,或者显示的效果不对,一定是你参数设置错了。

3)做个基础的美化工作

可以对线条颜色、粗细做个设置以及设置一下图层的渲染效果,也可以点击右侧的按钮切换到三维视图,如下图红框中所示。

467fa036f5720c17cbf04926f4f92e9f.png

现在看起来这么一坨效果不是很好,那么接下来就进入关键的设置项--时间过滤

4)时间过滤

切换到Filters面板,添加一个过滤条件,这里可以选择Start time或者End time,设置后会多出一个时间轴控件,这是只需要拖动时间轴即可设置更为精准的过滤条件,比如我设置了2个小时。

da6e85c440d16c68e43a2df8679274c7.png

设置完成后你可以点击播放按钮让它自己播放,感觉节奏不合适可以调整其速度,最后就可以做出这种效果了。

3、成果分享

通过上面的步骤将成果制作完成了,那么如何将可视化成果分享给你的朋友、同事或者老板呢?

如果只是简单的效果呈现,可以截个图、录个屏。如果是想后续让他们交互式的操作,可以使用程序自带的导出功能,将成果导出成一个html页面。

7fc2f68c4a41a4d4a304ba8ae4cf22e1.png

他们双击打开即可查看到对应的效果。我分享的数据目录中就有我制作导出的效果,你可以打开看看。

另外如何想了解更多Kepler.gl可视化相关的操作,可以翻看下之前我编著的那本《Kepler.gl可视化入门手册》

13f9dbbe2098540c13ef174f0ba6db0b.png

下载地址:https://t.zsxq.com/A6yNNR3

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

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

相关文章

php抖音跳转地址,PHP如何实现解析抖音无水印视频

问题来源很多时候你在douyin里看到了一个短视频,想复制下来自己编辑文字来发布,可是视频里的水印却是原者的。这个时候你想把水印去掉,你要如何做呢?这里提供PHP实现去除水印的主要方法,其实很简单。使用方法&#xff…

php 分割二维数组,拆分二维数组 php

把以下数组拆分:{"errcode": 0,"msg": "成功","data": {"list": [{"ticket_no": "1","options": ["周四301","周四302","周四303"],"play_ty…

Dijkstra算法优先队列实现与Bellman_Ford队列实现的理解

1 /*2 Dijkstra算法用优先队列来实现,实现了每一条边最多遍历一次。 要知道,我们从队列头部找到的都是到3 已经"建好树"的最短距离以及该节点编号, 并由该节点去更新 树根 到其他点(被更新的节点可以在队列中4 ,也可以是…

php times33,PHP Hash算法:Times33算法代码实例

最近看书,里面提到了一些Hash算法。比较有印象的是Times33,当时理解不是很透测,今天写了段程序来验证了一下。先上代码:复制代码 代码如下:/*** CRC32 Hash function* param $str* return int*/function hash32($str){return crc3…

捡到vivo手机怎么清除账号_为什么现在买手机,很少会去考虑OPPO和vivo呢?看一下老板怎么说...

不知道大家是否注意到,近年来OPPO和vivo的报道越来越少,而华为、荣耀和小米出现的频率越来越高。此外,网络上还有另外一个声音,一个专业的机友朋友说,宁可选择小米、OPPO和vivo,为什么熟悉自己手机的人不考…

php分析图片中水印的位置,关于ThinkPHP打水印及设置水印位置的分析

这篇文章主要介绍了ThinkPHP打水印及设置水印位置的方法,结合实例形式分析了thinkPHP打印与设置水印的相关操作步骤与具体实现技巧,需要的朋友可以参考下本文实例讲述了ThinkPHP打水印及设置水印位置的方法。分享给大家供大家参考,具体如下:最近在用Thin…

华为交换机命令_华为交换机常用命令

华为交换机常用命令:1、display current-configuration 显示当前配置2、display interface GigabitEthernet 1/1/4 显示接口信息3、display packet-filter interface GigabitEthernet 1/1/4 显示接口acl应用信息4、display acl all 显示所有acl设置 3900系列交换机5…

java中两种添加监听器的策略

/*第一种:将事件的处理委托给其他对象,下面的例子是委托给了MyListener(implements ActionListener)*/ 1 import java.applet.Applet;2 import java.awt.event.*;3 import java.awt.*;4 public class ChangeColor extends Applet{…

php dos命令用不了,windows下如何使用DOS命令强制复制文件

有的时候,我们可能需要替换某些目录下的一些文件,手动去一个个目录找的话,就会比较麻烦,这时候,就是我们程序员上场的时候了,程序虽然好写,但是dos命令并不是每个人都玩的转的,而且最…

java的栈图形演示

1 import java.awt.*;2 import javax.swing.*;3 import java.awt.event.*;4 /*5 指示发生了组件定义的动作的语义事件。当特定于组件的动作(比如被按下)发生时,由组件(比如 Button)生成此高级别事件。6 事件被传递给每…

python播放本地视频_python opencv 读取本地视频文件 修改ffmpeg的方法

Python opencv 读取视频的三种情况:情况一:通过摄像头采集视频情况二:通过本地视频文件获取视频情况三:通过摄像头录制视频,再读取录制的视频摄像头采集、本地视频文件的读取、写视频文件,网上都有代码。我…

kali里PHP文件502错误,解决Linux Kali iptables开放22端口失败等一系列问题

这篇文章是针对2020年下载安装的kali系统碰到的关于 iptables开放22端口失败等一系列问题的解决办法,如果是其它系统,可以借鉴一下思路。各种报错:# sudo systemctl start iptablesFailed to start iptables.service: Unit iptables.service …

中缀试转后缀试及前缀试并计算其结果

1 /*2 参考大神nb的代码,感觉思路不错!终于搞明白了!一开始不明白在计算表达式的时候,利用栈到底做了什么!现在感觉我们利用栈就是模拟我们书面上计算表达式,3 将优先级高的运算先计算出来&…

ros如何编译python文件_Python为ROS编写一个简单的发布者和订阅者

Python为ROS编写一个简单的发布者和订阅者1.创建工作空间1.1建立文件夹hello_rospy,再在该目录下建立子目录src,并创建工作空间mkdir -p ~/hello_rospy/srccd ~/hello_rospy/srccatkin_init_workspace1.2 编译cd ~/hello_rospy/catkin_make1.3设置运行环境echo "source ~/…

php整站防注入程序,php通用防注入程序 推荐

function jk1986_checksql(){$bad_str "and|select|update|‘|delete|insert|*";$bad_Array explode("|",$bad_str);/** 过滤Get参数 **/foreach ($bad_Array as $bad_a){foreach ($_GET as $g){if (substr_count(strtolower($g),$bad_a) > 0){echo &…

表达式建树

//用数组实现树 1 #include<iostream> 2 #include<ctype.h>3 #include<cstring>4 #define N 100005 #define optd 16 #define optr 27 using namespace std;8 int treeL[N], treeR[N];9 class node 10 { 11 public: 12 int flag;//区分当前节点是操作符还…

python label标签的作用_label标签的作用是什么?

label标签的作用是为鼠标用户改进了可用性&#xff0c;当用户点击【】标签中的文本时&#xff0c;浏览器就会自动将焦点转到和该标签相关联的控件上。label标签的作用&#xff1a;一、标签定义及用法在html中&#xff0c;标签通常和标签一起使用&#xff0c;标签为input元素定义…

java异常自定义返回信息,Spring Boot 如何自定义返回错误码错误信息

说明在实际的开发过程中,很多时候要定义符合自己业务的错误码和错误信息&#xff0c;而不是统一的而不是统一的下面这种格式返回到调用端INTERNAL_SERVER_ERROR(500, "Internal Server Error"),下面我们来看看如何将我们自定义的错误码和错误信息返回到调用端。1 自定…

文件管理系统_Python学习第170节--Linux文件管理系统实际操作和具体介绍

【每天几分钟&#xff0c;从零入门python编程的世界&#xff01;】上节我们简单了解了Linux文件管理系统&#xff0c;现在我们学习它的实际操作。首先我们解释下~和/的区别。~之前我们介绍过&#xff0c;我们说~是Linux系统的根目录&#xff0c;其实这个说法是不准确的&#xf…

redis 计数器 java_Redis 的 8 大应用场景!

之前讲过Redis的介绍&#xff0c;及使用Redis带来的优势&#xff0c;这章整理了一下Redis的应用场景&#xff0c;也是非常重要的&#xff0c;学不学得好&#xff0c;能正常落地是关键。下面一一来分析下Redis的应用场景都有哪些。1、缓存缓存现在几乎是所有中大型网站都在用的必…