大廠的可視化服務
- 百度 Suger
網站鏈接:https://cloud.baidu.com/product/sugar.html
Sugar 是百度雲推出的數據可視化服務平台,目標是解決報表和大屏的數據可視化問題,解放數據可視化系統的開發人力。
- 阿里雲DataV
網站鏈接:https://data.aliyun.com/visual/datav?spm=a2c4g.11174283.2.1.46b66b79vzB03d
DataV 最著名的一個應用項目應該就是天貓雙11的數據大屏了。每一年都驚艷了無數聚焦於雙11活動的人們。2018 年的雙11數據大屏設計更是被稱為數據經濟時代的全球清明上河圖。
- 騰訊RayData
網站鏈接:https://cloud.tencent.com/product/raydata
騰訊雲大數據實時可視交互系統 [RayData],基於數據實時渲染技術,利用各種技術從大規模數據通過本系統,實現雲數據實時圖形可視化、場景化以及實時交互,讓使用者更加方便地進行數據的個性化管理與使用。
技術開源庫
了解一些技術開源庫,一方面可以參照其圖表案例,了解各類不同圖表的展示方式;另一方面是為了保證自己設計的可實現度,不然再炫酷的設計效果如果因為技術開發能力無法實現也是徒勞的。
- Echarts -百度開源可視化庫
網站鏈接:https://echarts.baidu.com/
這是一個使用 JavaScript 實現的開源可視化庫,可以流暢地運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器。4.0 版本還提供了對微信小程序的適配。DataV 中的一些組件也是依賴 Echarts 生成的。
- Mapv – 百度地理信息可視化開源庫
用以展示大量地理信息點、線、面的數據。創建需先上傳地理信息數據,再設置地圖樣式后,即可下載保存。
- 螞蟻AntV
網站鏈接:https://antv.alipay.com/zh-cn/index.html
螞蟻金服的 Ant Design,作為設計師應該都是較為熟悉的。AntV 是螞蟻 Ant 系列下的一個數據可視化解決方案。分為 G2、G6、F2、L7 不同產品,分別對應不同的特性需求。
- D3.js – 數據驅動的文檔
網站鏈接:https://d3js.org/
D3js 是一個基於數據來操作文檔的 JavaScript 庫,適宜用來建造各類可視化圖表。支持大型數據集和交互與動畫的動態行為。
- billboard.js – 簡易界面的可交互圖表庫
網站鏈接:https://naver.github.io/billboard.js/
這是一個基於 D3 V4+ 的 JavaScript 的圖表庫。可以對數據進行視圖縮放、展示細節等交互操作。
- FusionCharts
網站鏈接:https://www.fusioncharts.com/
FusionCharts 提供了 100 多個交互式圖表和 2000 多個數據驅動的地圖,對不同平台都可兼容。同時提供了前端和后端各類框架及代碼語言的插件,來方便開發快速入門。不過這款是收費的,根據不同的使用環境定價不同。
設計輔助工具
- Kitchen – 螞蟻金服官方插件
網站鏈接:http://kitchen.alipay.com/
這是一個 sketch 的插件工具。主要功能如下圖:
- FusionCool – 阿里Fusion Design開源中后台UI解決方案輔助工具
網站鏈接:https://fusion.design/tool
這也是一個 sketch 的插件工具。分為圖標、圖表、組件、模塊和模板五大功能區。
- Map Generator – 快速地圖生成填充
網站鏈接:https://github.com/eddiesigner/sketch-map-generator
這是一款基於谷歌地圖的自動填充的 Sketch 插件,輸入地址后就可以自動生成不同風格樣式的地圖,個人比較喜歡第三款灰色的。
- Chart – 圖表插件
網站鏈接:https://github.com/pavelkuligin/chart
這個插件是收費的,每年10美元。優勢在於可以在 Sketch 中創建包含隨機、表格或者 JSON 數據的圖表。圖表樣式也是非常豐富了。