網頁是具有大量開源以及很適合跨平台的使用者介面,而隨著數據分析崛起,不單是是用在Python或是Excel等熟知的軟體平台,而網頁也是一個架構視覺化使用者介面的好平台。藉由這個機會,將實作並整理紀錄如何開發一個實用的資料視覺化分析介面於網頁上。
User interface and user experience 為了能分析複雜的資料,我們希望能依照不同應用選擇適合的圖表類型,以及要分析的欄位等,讓...
Cursor and Zoom-in 今天繼續增加圖表功能,其中兩個很常需要的功能就是游標和區域放大。Chart.js提供的外掛程式中,chartjs-pl...
Text marker and cursor marker 繼昨天的cursor外,我們也常需要在圖表上標記增進閱讀性。今天結果的組合包如下,可以加水平線、...
Zoom 你是不是常常有看東西覺得模糊需要放大鏡呢?今天要來介紹完整的圖表的放大、縮小、以及拖曳平移的功能。今天的主角就是chartjs-plugin-zo...
Histogram 我們在看一組資料時常會以統計觀點來評斷,例如最大最小值、平均值、標準差等,以圖表則會用直方圖(histogram)來觀察資料的分布。今天...
Mixed and Stacked scale Chart 有時候我們需要堆疊多種圖表來表達資料的特性,而有時我們堆疊不同種類的訊號來觀察,這些chart....
Pivot 樞紐可以說是分析資料非常重要的一個工具,特別是在於多維度的資料。所以接下來我們會有一連串的研究對於如何導入這個功能。首先目前survey的結果,...
Pivot 今天繼續來研究PivotTable.js(Gittub)是怎麼寫的,我們來研究它所提供的有圖表的範例。可以看到div的id是output,對應c...
plotly.js 既然前兩天介紹的PivotTable.js是支援plotly.js,那麼我們就來試用看看並比較與chart.js的差異。我們列舉一般常用...
Record the questions 原本猶豫是否要發這個主題,或是先繼續介紹plotly(可能是明天的主題喔),而事實是我陷入了整合pivot功能的瓶...