echarts 大屏可視化_數據可視化設計神器


https://blog.csdn.net/weixin_39974882/article/details/111220081?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-6&spm=1001.2101.3001.4242

大廠的可視化服務

  1. 百度 Suger

網站鏈接:https://cloud.baidu.com/product/sugar.html

Sugar 是百度雲推出的數據可視化服務平台,目標是解決報表和大屏的數據可視化問題,解放數據可視化系統的開發人力。

  1. 阿里雲DataV

網站鏈接:https://data.aliyun.com/visual/datav?spm=a2c4g.11174283.2.1.46b66b79vzB03d

DataV 最著名的一個應用項目應該就是天貓雙11的數據大屏了。每一年都驚艷了無數聚焦於雙11活動的人們。2018 年的雙11數據大屏設計更是被稱為數據經濟時代的全球清明上河圖。

  1. 騰訊RayData

網站鏈接:https://cloud.tencent.com/product/raydata

騰訊雲大數據實時可視交互系統 [RayData],基於數據實時渲染技術,利用各種技術從大規模數據通過本系統,實現雲數據實時圖形可視化、場景化以及實時交互,讓使用者更加方便地進行數據的個性化管理與使用。

技術開源庫
了解一些技術開源庫,一方面可以參照其圖表案例,了解各類不同圖表的展示方式;另一方面是為了保證自己設計的可實現度,不然再炫酷的設計效果如果因為技術開發能力無法實現也是徒勞的。

  1. Echarts -百度開源可視化庫

網站鏈接:https://echarts.baidu.com/

這是一個使用 JavaScript 實現的開源可視化庫,可以流暢地運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器。4.0 版本還提供了對微信小程序的適配。DataV 中的一些組件也是依賴 Echarts 生成的。

  1. Mapv – 百度地理信息可視化開源庫

網站鏈接:https://mapv.baidu.com/

用以展示大量地理信息點、線、面的數據。創建需先上傳地理信息數據,再設置地圖樣式后,即可下載保存。

  1. 螞蟻AntV

網站鏈接:https://antv.alipay.com/zh-cn/index.html

螞蟻金服的 Ant Design,作為設計師應該都是較為熟悉的。AntV 是螞蟻 Ant 系列下的一個數據可視化解決方案。分為 G2、G6、F2、L7 不同產品,分別對應不同的特性需求。

  1. D3.js – 數據驅動的文檔

網站鏈接:https://d3js.org/

D3js 是一個基於數據來操作文檔的 JavaScript 庫,適宜用來建造各類可視化圖表。支持大型數據集和交互與動畫的動態行為。

  1. billboard.js – 簡易界面的可交互圖表庫

網站鏈接:https://naver.github.io/billboard.js/

這是一個基於 D3 V4+ 的 JavaScript 的圖表庫。可以對數據進行視圖縮放、展示細節等交互操作。

  1. FusionCharts

網站鏈接:https://www.fusioncharts.com/

FusionCharts 提供了 100 多個交互式圖表和 2000 多個數據驅動的地圖,對不同平台都可兼容。同時提供了前端和后端各類框架及代碼語言的插件,來方便開發快速入門。不過這款是收費的,根據不同的使用環境定價不同。

設計輔助工具

  1. Kitchen – 螞蟻金服官方插件

網站鏈接:http://kitchen.alipay.com/

這是一個 sketch 的插件工具。主要功能如下圖:

  1. FusionCool – 阿里Fusion Design開源中后台UI解決方案輔助工具

網站鏈接:https://fusion.design/tool

這也是一個 sketch 的插件工具。分為圖標、圖表、組件、模塊和模板五大功能區。

  1. Map Generator – 快速地圖生成填充

網站鏈接:https://github.com/eddiesigner/sketch-map-generator

這是一款基於谷歌地圖的自動填充的 Sketch 插件,輸入地址后就可以自動生成不同風格樣式的地圖,個人比較喜歡第三款灰色的。

  1. Chart – 圖表插件

網站鏈接:https://github.com/pavelkuligin/chart

這個插件是收費的,每年10美元。優勢在於可以在 Sketch 中創建包含隨機、表格或者 JSON 數據的圖表。圖表樣式也是非常豐富了。


免責聲明!

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



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