Python+Kepler.gl輕鬆製作酷炫路徑動畫

来源:https://www.cnblogs.com/python0921/archive/2020/05/31/13020671.html
-Advertisement-
Play Games

前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:費弗里 1. 簡介 Kepler.gl相信很多人都聽說過,作為Uber幾年前開源的互動式地理信息可視化工具,kepler.gl依托WebGL強大的圖形渲染能力,可以在瀏 ...


前言

本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。

作者:費弗里

 

 

1. 簡介

Kepler.gl相信很多人都聽說過,作為Uber幾年前開源的互動式地理信息可視化工具,kepler.gl依托WebGL強大的圖形渲染能力,可以在瀏覽器端以多種形式輕鬆展示大規模數據集。

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

更令人興奮的是Kepler.gl在去年推出了基於Python的介面庫keplergl,結合jupyter notebook/jupyter lab的相關拓展插件,使得我們可以通過編寫Python程式配合Kepler.gl更靈活地製作各種可視化作品。

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

而隨著近期keplergl的更新,更多的新特性得以同步到其Python生態中,本文就將針對其中的路徑動畫的製作方法進行介紹。

2.基於keplergl的路徑動畫

我們要製作的路徑動畫圖主要用於表現特定路徑上流的運動,譬如圖3的例子來自Kepler.gl官方示例:

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

而在官方的說明中描述了要繪製路徑動畫需要輸入的數據格式:

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

這是一個典型的GeoJSON格式LineString要素,特別的是其"coordinates"鍵對應的值不同於常規的[經度, 緯度]格式,而是代表著[經度, 緯度, 高度, 時間戳],其中高度非必要,可以設置為0,而時間戳則聲明瞭軌跡動畫在該時間點會到達的該點位置,即線要素上連續的點位置+時間戳定義了軌跡動畫的運動模式,下麵我們分步驟來實現。

3.構造數據與初始化html

這裡我們以重慶市渝中區的OSM路網為演示示例數據,首先我們需要利用json模塊來讀取本地重慶市渝中區_osm路網_道路.geojson數據:

from keplergl import KeplerGl
import json
import time

with open('geometry/重慶市渝中區_osm路網_道路.geojson') as g:
    raw_roads = json.load(g)

 

隨便列印出其中包含的某個線要素:

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

可以看到,這時線要素內部包含的點還是[經度, 緯度]的格式,接下來我們為其虛構上時間戳信息,為了保證整個路網可視化的協調一致,將所有線要素的時間跨度固定在一個小時之內,保證每段路上從頭到尾的軌跡動畫都保持一致:

start_time = time.mktime(time.strptime('2020-05-29 20:00:00', "%Y-%m-%d %H:%M:%S"))

for i in range(raw_roads['features'].__len__()):
    for j in range(raw_roads['features'][i]['geometry']['coordinates'].__len__()):
        
        shift_time = int((j / raw_roads['features'][i]['geometry']['coordinates'].__len__())*3600) # 更新當前對應的時間戳
        
        raw_roads['features'][i]['geometry']['coordinates'][j] \
            .extend([0, # 高度設置為0
                     int(start_time) + shift_time])

 

接著再列印其中一個線要素:

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

可以發現每個點元素都追加上高度0以及對應的時間戳(註意這裡的時間戳必須為整數否則之後輸入keplergl會報錯),接下來的過程就非常簡單。

首先確保你已經安裝了keplergl以及對應插件,譬如我所使用的jupyter lab,在確保nodejs被安裝的前提下,使用jupyter labextension install @
jupyter-widgets/jupyterlab-manager keplergl-jupyter安裝拓展插件(jupyter notebook可參考
https://github.com/keplergl/kepler.gl/tree/master/bindings/kepler.gl-jupyter#installation),以及使用pip install keplergl來安裝keplergl庫,一切準備就緒直接運行如下代碼:

from keplergl import KeplerGl
# 生成KeplerGl對象s
map1 = KeplerGl(height=400, 
                data={'flow': raw_roads}) # data以圖層名為鍵,對應的矢量數據為值
map1
map1.save_to_html(file_name='渝中區.html') # 導出到本地可編輯html文件

 

Python+Kepler.gl輕鬆製作酷炫路徑動畫

 

這一步的目的是初始化已嵌入目標數據的html文件,接下來你就可以關閉jupyter lab,在工作目錄下找到已經導出的html文件直接打開,接下來的工作將在瀏覽器里進行。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 剛開始使用idea, 這個工具雖然很強大, 但也因為如此,讓使用也變得稍微負責。 還沒有習慣idea這個生態環境,因此也遇到不少坑。class.getResourceAsStream獲取結果為NULL這個問題今天困擾了我很久,一直在文件路徑上面糾結,浪費了很多時間。終於在鬥爭了將近2小時之後才翻到一 ...
  • 一、監督學習基礎知識 利用一組帶有標簽的數據,學習從輸入到輸出的映射,然後將這種映射關係應用到未知數據上,達到分類或回歸的目的 分類:當輸出是離散的,學習任務為分類任務 回歸:當輸出是連續的,學習任務為回歸任務 二、分類學習 1、輸入與輸出 輸入:一組有標簽的訓練數據(也稱觀察和評估),標簽表明瞭這 ...
  • 遍歷Map的方式 第一種通過 map1.keySet() 獲取key 通過key 找到value; 第二種通過Map.Entry(String,Integer) 獲取,然後使用entry.getKey()獲取到鍵,通過entry.getValue()獲取到值;第三種只遍歷鍵或者值,通過加強for迴圈 ...
  • 前言 隨著現在直播的興起,主播這個職業逐漸走入人們的視野。現在各大平臺都有當家花旦、一哥、一姐等稱號。其實人氣是一方面,但是顏值才是硬實力。 接下來帶大家進行主播的顏值檢測評分,看看誰是最靚的崽(*^▽^*) 本篇大致內容: 1、爬取主播的直播人臉圖 2、調用百度人臉檢測開放介面,進行顏值打分 環境 ...
  • switch後面使用的表達式可以是哪些數據類型?如何從控制台獲取String和int型的變數,並輸出?經典運算題:十進位轉為十六進位。 ...
  • Redis(Remote Dictionary Server),即遠程字典服務,是一個開源的使用ANSI C語言編寫、高性能的key-value資料庫,是當前使用最廣泛的NoSQL之一。 1、簡介 Redis是一個開源(BSD許可)的,記憶體中的數據結構存儲系統,它可以用作資料庫、緩存和消息中間件。 ...
  • //include包含,包含stdio.h頭文件,方便調用printf函數#include <stdio.h> //主函數,代表了整個程式的生命周期//1、它是整個程式的入口//2、有且只能有一個int main(){ printf("***********************\n"); pri ...
  • 基於laravel製作API介面 關於APIAPI(Application Programming Interface,應用程式編程介面)是一些預先定義的函數,目的是提供應用程式與開發人員基於某軟體或硬體得以訪問一組常式的能力,而又無需訪問源碼,或理解內部工作機制的細節。需要註意的是:API有它的具 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...