Homework#3

台北市建物買賣棟數統計表 & 各行政區比較表

資料說明

此為台灣台北市92~109年建物買賣棟數的統計資料，以及期各行政區的比例圖，資料特別FOCUS在買賣統計的部分，其他類型暫不考慮。

設計選擇和過程考量 & 改良細節及過程

Unit Histogram

因為這個資料原本所呈現的一般的長條圖，我們認為其資料量過於簡單，難以有大幅度改變，然而他的視覺呈現其實不是太好，讓人難以比較，只能稍微看出趨勢而已。

因此，我們打算用圓點來代表一單位(2500棟)，不但可以看起來有趣些，更可以透過圓點數量去觀察不同區間，進而利於比較。

除此之外，每一大區間(20000棟)就改一種顏色，讓人更好區分其等級。

為避免有人想要確切的數據，我們在右上角創造一個顯示框框，隨著鼠標移動顯示細節，也特別為鼠標互動設計陰影部分，讓人有更好的互動體驗

總結來說，有別於一開始的冷冰冰如同excel的圖表，我們增加了色彩、圖案、區間概念，也額外提供了準確數字是一開始沒有的，並且增加了互動性。

Treemap

此資料本來是使用折線圖呈現，但由於許多行政區%數相近，以至於折線圖稍微雜亂，相近的行政區較難看出消長曲線。

因此我們使用方形Treemap圖呈現不同行政區的比例。

會使用方形圖而不是圓餅圖，是因為考慮到多個行政區會導致圓餅圖圓心角分割過細，不好選取也不好比較。

透過方形圖可以更好的看出各縣市的交易比例消長。同時也能看出不同年份間的相對變化。

改良挑戰

Tooltips

Tooltips本身附加並不會太過於困難，但如何要讓Tooltips避免過於奪目而影響到原圖所需呈現的資料，就是一個需要深思的部分了。

在Unit Histogram的部分，我們選擇將Tooltips固定在右上角，利用圖片空白的地方顯示Tootips，這樣既不會影響使用者觀看圖片的資料長短，也能讓使用者一眼明瞭每年數據的變化。

而在Treemap的部分，因為圖本身為正方形(滑鼠游標需要上下左右移動)，所以為了讓使用者的視覺不需要隨著游標移動還需要另外分視線查看Tooltips，因此將Tooltips與游標固定在一起，使使用者在視覺上比較沒有壓力。

Combination

就原本的新聞來說，他們只是單純將資料呈現，沒有進行任何變化，也沒有任何的互動，所以一開始的構思很困難，難以將過於簡單的圖表好好呈現，然而最終我們想到的兩張圖表Unit Histogram&Treemap有能好好表現其細節。

不過，實作出兩張並不會過於困難，然而要將兩者的資料表現結合，需要在呈現上動點巧思，以及程式上的互動也需不能有錯誤，否則經過變形後，圖表皆會跑掉位置及解體，連動兩張圖的互動過程比想像中更加困難。