鐵人檔案
「資料視覺化」一詞近期沸沸揚揚的，在網頁應用上D3.js佔了很重要的一位。D3.js不只是網頁視覺化的利器，在處理複雜龐大資料上更是有其一定的優勢。在這30天內將會從D3基本的API使用，到圖表與地圖的實例應用，並結合前端框架與串接open api，建置完整的網站。
昨天我們把熱力圖需要的正方形擺得整整齊齊的，那接下來就是熱力圖最重要的部分：把區塊上色。在實作之前，我們先來理解一下要如何使用d3做色彩的管理。 網頁色彩 顏色...
與之前製作長條/折線圖類似，我們同樣要為我們昨天做好的heatmap加上一點微互動：從進場動畫開始著手。 正方形區塊：從無到有由中間長出來的效果 g.selec...
資料視覺化的核心是看見趨勢、概況，而不是某一個節點的細節資料，所以在圖表設計上多半不會直接在每個資料點上標示數字，但還是有其必要性，表現的方式就是以toolti...
與前一個專案相同，大家應該都已經把layout大致刻好了，如果沒有也沒關係，可以使用我這個commit的程式碼：https://github.com/yuanc...
昨天我們的圖表已經成功地接上資料，為了讓使用者能客制喜歡的顏色，我們今天就要做一個可以讓使用者設定顏色的功能，順便以此來練習react的操作。 首先是先做好操作...
昨天我們做好了一個顏色的選擇器，讓用戶能夠選擇自己喜歡的顏色，那麼我們接下來就將用戶選擇的顏色能夠呈現在圖表當中。 用戶選擇顏色，該在什麼時間點重新畫圖表？如果...
我們花了兩天的時間來讓使用者能自己設定想要的HeatMap顏色，接著就要能提供使用者能設定圖表的時間區間。為了提供使用者一個良好的選擇時間體驗，且不用去思考時間...
昨天我們做好了一個時間的選擇器，今天則是要依據用戶所選擇的時間來整理資料。這個open api沒有給我們可以選擇時間區間的功能，所以我們一樣拿全部的資料，再自己...
相信經過了兩個小專案的實作以後，大家對該怎麼使用d3做資料視覺化應該都有了基礎的了解以及真正實作的能力。那今天就來談談在資料視覺化方面還可以怎麼再深入研究，以及...
終於來到最後一天了，那今天就來總結一下這三十天到底學了什麼吧～ 首先在開始之前，先稍微介紹了一下最近很夯的資料視覺化是什麼，以及簡介D3與使用D3的理由：...
