iT邦幫忙

第 12 屆 iThome 鐵人賽

0
Elastic Stack on Cloud

前端三分鐘 X Elastic Stack系列 第 31

Elastic Kibana Infographic: 資訊圖像化可以炫技到什麼程度 (31)

在經過一個月的學習之後,操作上只是理解有非常多可以客製化的部分,難免會想資訊圖像化的部分到底可以炫技到什麼程度。

這篇文章就帶大家一起來看看匯入 Elsatic cloud 提供範例資料後的資訊圖像化,主要資料有航班交易資料、電商交易資料兩種,讓我們繼續看下去。

基本圖形

基本的甜甜圈圖、長條圖,可以看出樣式上提供的空間還是有的。

  • 電商交易資料,可以提供到平均交易額、每筆訂單交易的商品數量,比較特別的是比例看起來有對應到最大最小值
  • 航班交易資料

電商交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026zkGx8ps63m.jpg

航班交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026bUliqYHVY0.jpg

機器學習

在什麼都還沒設定的情況下,機器學習的功能就能夠先產生滿滿的圖表,可以快速對整體資料有概觀的了解,最大的幫助是能夠更快的做出想要的資訊圖表。

電商交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026xVFGx3X7bb.jpg

航班交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/2013002639I4MjEWpQ.jpg

機器學習能做的不只是把資料做快速分類製成圖表,真正強大的地方在預測未來,前提是這個資料的 Pattern 夠明確,顯然下面這個範例資料我選的欄位沒有很好,所以預測介於有跟沒有之間。

預測未來
https://ithelp.ithome.com.tw/upload/images/20201019/20130026l3fUXBnBpm.jpg

複合型圖表

複合型的圖表,能夠把 time-series 的圖表做疊圖,不管是折線圖、長條圖、點圖都沒有問題,甚至還能夠用變數設定相關樣式

電商交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026I9dAbdiDQB.jpg

航班交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026Bi6U2IX5t1.jpg

炫技用的圖表

為什麼說是炫技用的圖表,一看就知道底層包了像是 D3.js 的函式庫,不只整合了地理資訊還有能將資訊透過樣式的變化呈現,這如果不是炫技那什麼才是炫技,厲害吧!!!

電商交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026fbOzakvpYa.jpg

航班交易資料
https://ithelp.ithome.com.tw/upload/images/20201019/20130026NHyvPhZFeI.jpg

更強的是其實相關圖表還能夠整合實際的設計,這個編輯介面完全是前端攻城獅火力展示的部分,能跟這樣的同事工作一定超棒!!!

圖片來源: https://www.elastic.co/what-is/kibana-canvas
InfrastructureMonitoring
BusinessAnalytics


上一篇
Elastic Cloud Stack 101: 從零開始入門 30 天心得分享 (30)
系列文
前端三分鐘 X Elastic Stack31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言