幾種動態軌跡可視化效果實現方案-echarts、mapv、deck.gl


 0.前言

在越來越多的可視化需求中,對空間信息的展示,逐漸的由靜轉為動,通過還原一些真實的時空信息,如歷史行車軌跡,漁船打撈作業,特種車輛運行軌跡回放等可以直觀的查看時空分布規律,它是一種越來越重要的展示形式並且輔助我們做大數據分析驗證,如mobike 通過展示一天用戶的騎行軌跡,向我們直觀表述出了共享單車一天24小時在我們身邊的騎行規律,具有非常直觀震撼的效果:
mobike 深圳某一時刻騎行軌跡

mobike 北京某一時刻騎行軌跡

目前能夠快速實現上述效果的有幾種方式,基本上都是基於開源的前端技術進行實現的,在這里推薦給大家

1.ECharts map

ECharts,一個使用 JavaScript 實現的開源可視化庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定制的數據可視化圖表,它是由百度團隊開源的。
效果如下圖:

demo地址:
http://echarts.baidu.com/examples/editor.html?c=lines-bmap-effect

2.Mapv

Mapv 是一款地理信息可視化開源庫,可以用來展示大量地理信息數據,點、線、面的數據,每種數據也有不同的展示類型,如直接打點、熱力圖、網格、聚合等方式展示數據。 當前是Mapv 2.0的預發布版本。Mapv使用canvas開發,支持現在被稱為“現代”瀏覽器, 通常兼容除了IE8及IE以下版本的其他大部分瀏覽器,它也是百度團隊開源的。

效果如下圖:


demo地址:
http://mapv.baidu.com/examples/#baidu-map-polyline-time.html

3.deck.gl

deck.gl是由uber開發並開源出來的基於WebGL的大數據量可視化框架。它具有提供不同類型可視化圖層,GPU渲染的高性能,React和Mapbox GL集成,結合地理信息數據(GPS)的特點,專門用於大規模探索和可視化數據庫。

效果圖如下:

demo地址:
http://uber.github.io/deck.gl/#/examples/custom-layers/trip-routes

1.Highcharts
2.阿里的G2
3.fusionCharts
4.highcharts


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM