iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

以網頁呈現資料視覺化 系列

網頁是具有大量開源以及很適合跨平台的使用者介面,而隨著數據分析崛起,不單是是用在Python或是Excel等熟知的軟體平台,而網頁也是一個架構視覺化使用者介面的好平台。藉由這個機會,將實作並整理紀錄如何開發一個實用的資料視覺化分析介面於網頁上。

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊30天IT鐵人中之龍
DAY 1

Day1 準備好計算紙

Why? 數據分析和資料視覺化是近期耳熟能詳的主題,但確少有關注偏鄉的應用概念,在一個沒網路(內網或資料安全考量)且舊的電腦(封閉或特定系統),此時若也想要...

2021-09-02 ‧ 由 Leonard Lin 分享
DAY 2

Day2 今晚我想來點CSV

Data format CSV(Comma-Separated Values)可以說是在偏鄉環境最通俗的資料檔案格式(SQL是天龍國才有的東西吧),所以我們...

2021-09-03 ‧ 由 Leonard Lin 分享
DAY 3

Day3 眾裡尋它千百度

Filter 在海量的數據中如果想要快速找到特定關鍵字的資料,我們需要filter這個很實用的功能,讓我們可以將目光放在篩選後的結果做進一步分析。這裡可以參...

2021-09-04 ‧ 由 Leonard Lin 分享
DAY 4

Day4 Are you my destiny?

Multiple criteria filter 繼眾裡尋它後,我們想繼續看是否有各個欄位都符合關鍵字的結果(真命天菜/女神?),這需要根據輸入的資料的陣列...

2021-09-05 ‧ 由 Leonard Lin 分享
DAY 5

Day5 請多關懷邊緣人

Sorting 大多時候我們對於資料感興趣在極端值的區域,也最邊緣的最大或最小的前幾名,而我們可以用排序的功能使它們列於表格的最上方。這個同樣在架構上可以參...

2021-09-06 ‧ 由 Leonard Lin 分享
DAY 6

Day6 我承認我是視覺動物

Chart 表格可以看出資料中的細節,所以一開始從表格開始搭建,而進一步,圖表可以更直覺的看出整體資料的趨勢或是相對應的關係,特別是在數據量很大時。其中在J...

2021-09-07 ‧ 由 Leonard Lin 分享
DAY 7

Day7 我想知道它哪裡比我好很多 在你心中它和我有什麼不同

JavaScript feature 隨著越來越深入JavaScript,現在所考察和學習到的code已經不是肉眼掃過去就能理解,而且包含著JavaScri...

2021-09-08 ‧ 由 Leonard Lin 分享
DAY 8

Day8 手牽手一步兩步三步四步望著天 看星星一顆兩顆三顆四顆連成線

Scatter and bubble chart 今天繼續練習chart,其中scatter和bubble都是很常被作為觀察大量資料的趨勢所用的圖表。在內政...

2021-09-09 ‧ 由 Leonard Lin 分享
DAY 9

Day9 You have to trust that the dots will somehow connect in your future

Plotting regression line 繼昨天畫出XY關係圖後,我們就會進一去想知道XY的關係式,並最好在圖上畫上趨勢線。所以我們需要做迴歸的計算...

2021-09-10 ‧ 由 Leonard Lin 分享
DAY 10

Day10 有圖有真相

Chart function 身為一個鍵盤柯南,最重要的技能之一就是儲存和下載分析後的結果。另外chart.js其他對於圖表的控制,包含更新​、清除、摧毀、...

2021-09-11 ‧ 由 Leonard Lin 分享