阿里雲的DataV是一款即時數據可視化服務，協助將數據快速轉換視覺化圖形，並可以與多種資料源連接、擁有資料自動更新請求功能，進而呈現即時數據可視化的多層次看板。

DataV支援的數據源類型有: 靜態數據、CSV文件、API、數據庫、阿里API網關、TableStore、OpenAPI、OSS等。假設數據源以資料庫做為解釋。如下圖，當使用者透過網頁(前端)輸入任何資料，像是:會員資料、購買資訊等，這些數據都會被傳送到後端的資料庫儲存。

由於DataV能與資料庫連接、並且設定固定時間自動更新資料。因此，使用者所輸入的每筆資料，都能透過固定請求而時時更新到DataV，呈現即時可視化數據。

(製圖者:Annie)
 

接下來的操作將分為四個部份來進行：

(製圖者:Annie)

數據資料準備

在數據資料的準備。我們可以分為三部分來看。

• 數據來源：是想呈現的數據資料，並已完成資料清理。這個階段格外重要因為當數據清理過，才能有效做接下來的數據呈現。
• 匯入方式：有了數據後，需要考慮如何匯入DataV。值得注意的是，目前直接匯入CSV檔至DataV使用，只支援最大上限到512KB。建議將檔案先上傳至資料庫，再做使用，這樣將不會受到檔案大小的限制。而這次的實作將使用csv檔案做為數據源，並將資料存放在阿里雲-雲數據庫RDS中的MySQL。
• DataV讀取數據：當建立好資料庫，資料也都上傳完成後，第三部分則是在DataV頁面中添加數據，這樣資料庫的數據就能與DataV聯動，作視覺化呈現。

接下來，從第一步開始，

1. 數據來源：範例數據這裡使用一份COVID-19 的csv數據
2. 資料匯入資料庫

2.1. 創建MySQL資料庫實例

首先，登入阿里雲平台的雲數據庫RDS

建立資料庫 實例，可以依照需求選取所需規格。

確認訂單

2.2. 創建資料庫帳密

資料庫實例建立完成後，需要創建使用者、建立資料庫、建立資料表。
這邊分別創建【高權限帳號】、【普通帳號】。進入雲數據庫RDS頁面、區域: 選擇建立資料庫的區域、實例列表中點選剛剛創建的資料庫。

高權限帳號: 如圖，點擊 【帳號管理】、【創建帳號】。
【數據庫帳號】、【密碼】自行設定，是未來登入資料庫的帳號及密碼。

普通帳號:如圖，點擊【帳號管理】、【創建帳號】。

2.3 建立資料庫

點選【數據庫管理】、【創建數據庫】。

【數據庫名稱】自由命名、【授權帳號】:選擇已創建且要登入資料庫操作的帳號。

2.4 創建資料表

接下來就可以登入資料庫，創建資料表囉!

登入資料庫: 左側 【數據庫管理】、【登入數據庫】

輸入資料

登入後，會進入數據管理DMS頁面，左側點選 資料庫、再點選開始建表。

資料表名稱可自行取名。

【基本信息】新增完成後，【列信息】新增。由於接下來會將數據匯入，所以【列信息】的建立(如下圖)需要參照匯入數據表的欄位。

列信息建完成後，也可建立索引，幫助快速搜尋欄位。

這邊設定Country、Data_reported為索引，建立完成後保存變更。

2.5 匯入資料

資料表按右鍵，【導入】

【目標表】輸入創建的表名稱、【上傳文件】

上傳的檔案最大可以支援到5G、【提交申請】

【執行變更】

【確定執行】

回到DMS頁面，輸入SQL語法查詢資料，若有顯示結果，則代表資料有成功匯進來。

2.6 資料庫連線設定

需要申請資料庫外網地址做後續連動。

回到RDS頁面、點選【基本信息】、【專有網路:查看連接詳情】、【申請外網地址】

將資料庫的外網地址複製下來，稍後會使用到。

3. DataV添加數據

到DataV頁面，點選【我的數據】、【添加數據】。

輸入以下資訊。【域名】貼上資料庫外網地址。【用戶名】輸入資料庫帳密。【數據庫】選擇要匯入的資料庫。

出現下圖，表示創建完成。


這樣第一階段就完成囉!
 

創建我的可視化

平台上有多個模板可以選擇，點選任一模板的 "創建項目"即可。也可以新增一個空白看板做客製化調整。

進入到DataV 操作頁面後，頁面上有四大功能，分別為【圖層】、【組件列表】、【右側面板】【工具欄】。可以從左上方的按鈕叫出對應的功能，再點一次即可收起該功能圖層。

【圖層】

功能: 使用的組件(圖片、文字)都會羅列在欄位中。點擊任一組件，會在畫布中顯示該組件。

【組件列表】
此欄位會羅列出所有可用的組件，依照需求點選左側的分類欄位，快速搜尋組件。點擊要加入的物件，就會出現在畫布上。

【右側面板】

【工具欄】

為圖層做濾鏡配置，可做細膩度的色彩調整。

數據源設定

新增物件、點選物件、點開【右側面板】、點選物件、、右側面板點選【數據】、【配置數據源】

設置數據源、【數據源類型:數據庫】、【選擇已有數據源】、【SQL:我這邊只取資料中United States of America的數據】

點選【數據響應結果】 圖示，顯示擷取的數據資料。

輸入該圖表要映射的X,Y。

X:Date_reported。Y:Cumulative_cases。

輸入完成後，圖型會套用數據，顯示結果。除此之外，【數據響應結果】也會將該映射的結果顯示出來

點選【右側面板】的【配置】可以調整圖表內的字體大小、顏色設定。

發佈看板

當您的DataV製作完成後，可以點選【發布】

點選發布後，會得到一串【分享連結】，透過這個連結訪問已發布的DataV專案。若想限制訪問權限，可於【訪問限制】中設定【訪問密碼】

設定完成後，透過連結進入時，就需要輸入密碼。

另外也可以從頁面設置的地方，調整螢幕的顯示方式。這邊選擇【全屏鋪滿】

這樣就完成DataV的設計囉!

結語

從建立資料庫、資料匯入連接設定、設定數據值、功能列的導覽，這些都只是基礎的DataV介紹。其實DataV還蘊含更強大的視覺呈現效果、甚至3D動畫呈現效果。未來若有視覺呈現需求時，可以考慮使用阿里雲的DataV，讓數據有高層次的視覺呈現。