iT邦幫忙

鐵人檔案

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

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

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

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

Day11 想要什麼隨你點

User interface and user experience 為了能分析複雜的資料,我們希望能依照不同應用選擇適合的圖表類型,以及要分析的欄位等,讓...

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

Day12 再靠近一點點 就不閃躲

Cursor and Zoom-in 今天繼續增加圖表功能,其中兩個很常需要的功能就是游標和區域放大。Chart.js提供的外掛程式中,chartjs-pl...

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

Day13 在圖表做標記仿前朝的飄逸 就當我為highlight你伏筆

Text marker and cursor marker 繼昨天的cursor外,我們也常需要在圖表上標記增進閱讀性。今天結果的組合包如下,可以加水平線、...

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

Day14 老人護眼模式

Zoom 你是不是常常有看東西覺得模糊需要放大鏡呢?今天要來介紹完整的圖表的放大、縮小、以及拖曳平移的功能。今天的主角就是chartjs-plugin-zo...

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

Day15 這什麼水平

Histogram 我們在看一組資料時常會以統計觀點來評斷,例如最大最小值、平均值、標準差等,以圖表則會用直方圖(histogram)來觀察資料的分布。今天...

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

Day16 奶蓋綠茶拿鐵半糖少冰加珍珠

Mixed and Stacked scale Chart 有時候我們需要堆疊多種圖表來表達資料的特性,而有時我們堆疊不同種類的訊號來觀察,這些chart....

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

Day17 曖昧讓人受盡委屈 找不到相愛的證據 那可以試試樞紐

Pivot 樞紐可以說是分析資料非常重要的一個工具,特別是在於多維度的資料。所以接下來我們會有一連串的研究對於如何導入這個功能。首先目前survey的結果,...

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

Day18 如果你願意一層一層一層的剝開我的心

Pivot 今天繼續來研究PivotTable.js(Gittub)是怎麼寫的,我們來研究它所提供的有圖表的範例。可以看到div的id是output,對應c...

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

Day19有比較有傷害

plotly.js 既然前兩天介紹的PivotTable.js是支援plotly.js,那麼我們就來試用看看並比較與chart.js的差異。我們列舉一般常用...

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

Day20 少年維持著煩惱

Record the questions 原本猶豫是否要發這個主題,或是先繼續介紹plotly(可能是明天的主題喔),而事實是我陷入了整合pivot功能的瓶...

2021-09-21 ‧ 由 Leonard Lin 分享