碰見大數據可視化 ： 【雲圖】讓數據可見

歡迎你們前往騰訊雲社區，獲取更多騰訊海量技術實踐乾貨哦~

做者：騰訊大數據可視化設計團隊

導語： 除了手搓，咱們還有更好的數據可視化方案

今天，即便你不熟悉雲計算，大數據是什麼。可是這些詞彙已經充斥在咱們的身邊。咱們被超負荷的信息和過多的數據折磨。誰沒被定義成數字？——當咱們存在於各類龐大而複雜的社交關係中，咱們被各類各樣的標籤或者數字去定義。的確，數據是評估市場趨勢和廣告效果的有效途徑，數據是幫助咱們瞭解消費者行爲的直接選擇。咱們被一推1和0所標記，毫無尊嚴的變成一個數字時，人們看到是一堆堆數字，而咱們看到是一個個鮮活的你。雲圖，讓數據可見。

原由

所在的FT一直在作數據庫和大數據相關的業務，都是和數據相關。那做爲設計團隊，咱們一直在思考怎麼「用視覺的方式去思考數據」。因而咱們作一系列關於數據可視化的案例，地鐵人流量、扶貧指數、安全指數等等。也總結了一些關於大數據可視化的文章《碰見大數據可視化 - 基礎研究》，《碰見大數據可視化 - 來作一個數據可視化報表》，《碰見大數據可視化 – 圖表的視覺系統感知》，《碰見大數據可視化 – 人人都能作數據可視化》等等。

可是隨着案例的增多，咱們設想的製做週期會大幅降低的狀況並無出現。每一個案例從腦暴、設計、數據、開發都須要1-2個月的時間，並且都須要產品、設計、開發都許多同窗的參與的，很是耗時耗力的。

但另外一方面，團隊以前寫的【碰見大數據可視化】的系列文章發出去後，被不少同窗紛紛找上來詢問如何作數據可視化，其實你們對數據展現的需求是愈來愈多的。

因而咱們開始思考是否是能夠作一個工具，能夠方便的讓用戶快速的去作一些數據可視化的展現。無需編程，拖拽便可生成數據可視化展現。

前期思考

在項目開始以前，咱們首先梳理出有那些人羣會對數據可視化的工具備需求的。經過整理RTX詢問同窗的崗位分組，和聯合產品經理對外部人員的需求詢問。咱們發現了一個很重要的信息，不少用戶而然據說過數據可視化，也能理解理解數據可視化的好處，可是對於複雜數據如何去作展現就無從下手了。

雖然我知道這東西好，可是作不來的。

因此對於雲圖的第一期版本，咱們更須要告訴用戶最終的數據可視化的呈現是什麼。讓他們先看的成果，而後再促使他們去嘗試。

咱們改變了傳統數據圖表的製做流程，在Excel等圖表工具中流程都是先框選出要展現的數據，而後根據數據在圖表庫中選擇對應的圖表，最後圖表呈現出來。

爲了能讓用戶儘量多的去嘗試作可視化設計，咱們去掉了前兩個步驟，而後用戶直接能夠把他想要的圖表拖出來，無需去更多的關注糾結於數據和其餘選擇上面去。

因而乎，咱們將雲圖一期的指望需求進行精簡提煉，找到當前產品的核心目標：簡單、拖拽、高參數、模板化的數據可視化工具。明確的產品目標能指引咱們不偏離大方向，在什麼階段要解決什麼問題。

框架

關於框架設計，最初咱們的想法是儘量的給用戶更大的畫布操做區域，縮小元素選擇區域和標題區域的大小，同時讓畫布組件的屬性信息經過輕浮層的方式展現，對經常使用操做引導用戶使用快捷鍵操做。

可是在推進的時候，咱們遇到幾個問題。

對於用浮層展現屬性等信息，開發表示開發量很大，一期建議展緩的。 工具須要接入騰訊雲平臺，在頂部必須保留騰訊雲統一的頭部條，這樣整個頭部就用3條通欄了，顯得頭部十分的笨重。

因而整合了標題欄和工具欄，固定組件屬性欄在右側位置，收起了多餘的操做項，砍掉多餘的分類和隱藏多餘的操做，但願用戶在使用時，能聚焦於畫布內容，得到沉浸的使用體驗。

內容爲王

爲了能讓用戶能夠更好更方便的去作嘗試，咱們把大量內容進行聚合模板化、樣式化。這樣用戶直接就能夠拿來就用，而不用過多去想，我柱狀圖要怎麼去作，要不要描邊，要不要透明，要用什麼顏色。

1 .更多的圖表樣式

將圖表按照類型進行分組（柱狀、條形、折線、餅圖、環圖、散點等），而後每一個圖表類型下面提供豐富的樣式選擇。

2 .更多的配色方案

圖表配色上面除了15色的默認樣式色值，還經過豐富的顏色備選方案，已知足不一樣用戶案列場景的需求，方便用戶直接快速的進行圖表顏色切換。

3 .更多行業案列

同時咱們按照行業類型提供了不一樣的模板樣式，用戶能夠直接在提供的模板上進行修改嘗試便可。

小結

固然瞭如今雲圖還處於1.0（Beta版）的階段，會有大量的問題和須要的優化的地方。後續咱們會將雲圖逐步完善，並不斷優化用戶體驗和流暢度。

相關閱讀

騰訊雲大數據平臺性能測試再得佳績

「購物狂歡節」如何應對「羊毛黨」

碰見大數據可視化 ： 那些 WOW 的數據可視化案例

此文已由做者受權騰訊雲技術社區發佈，轉載請註明文章出處 原文連接：https://cloud.tencent.com/community/article/618624