互動式視覺化呈現

5.1 靜態圖表呈現

傳統的資料呈現方式如長條圖、折線圖、圓餅圖等，為靜態圖表的一部分。

這類圖表可以初步表現資料的數量、趨勢及比例，如 Figure 12、Figure 13。除了 傳統圖表外，d3.js 還能畫出更多視覺化圖表。如 Figure 14 台灣房價漲跌圖。

房價漲跌圖用顏色代表漲跌的程度，讓使用者可以一目瞭然，以最直觀的方式得 到房價漲跌的資訊。

31

Figure 12 新竹市成交量與房價走勢圖

32

Figure 13 新竹市成交房價比例圓餅圖

Figure 14 台灣房價漲跌圖

33

除了單一縣市的詳細資訊本篇還提供多元資料統計呈現比較，目前針對實價 登錄及有巢氏房屋的資料做個別以及綜合的統計呈現。

實價登錄的資料在前面已經有各區詳細的資料介紹呈現了，在多源比較這裡 是已總覽的方式做呈現，讓使用者可以一眼看出各縣市之間的差異，如 Figure 15 實價登錄資料總覽。

Figure 15 實價登錄資料總覽

有巢氏房屋的資料方面則有建物用途統計圖及價錢筆數統計圖。可以從中觀 察有巢氏房屋銷售的建物型態種類是已住宅為重，其次是店面。而價錢筆數統計 圖可看出台北市價錢最高，此現象與實價登錄資料一致。但交易筆數方面是台中 市、新北市跟桃園縣較多，如 Figure 16 有巢氏房屋資料總覽。

34

Figure 16 有巢氏房屋資料總覽

綜合比較有總價、單價及交易筆數的比較，可看出有巢氏房屋在總價及單價 方面都比實價登錄來的高一些，推測是因為有巢氏房屋的價錢是欲售的價格，與 實價登錄的實際成交價格有所不同。較高可能是因為要留一些殺價的緩衝。如 Figure 17 多源資料比較圖表。

35

Figure 17 多源資料比較圖表

5.2 房價地圖

以 Google Maps 方式呈現台灣各區的價錢，讓使用者可以針對自己有興趣 的區域更深入了解價錢的分布情形。同時，點擊可查看該筆資料的詳細資訊。如 Figure 18 系統房價地圖。

36

Figure 18 系統房價地圖

5.3 互動式視覺化呈現

互動式呈現方式將實價登錄資料有價錢筆數累積圖、價錢坪數散布圖、房屋 種類圓餅圖和屋齡/樓高鳥瞰圖。

價錢累積圖不但可以看出各縣市價錢分布、交易量的多寡，還可以非常容易 看出不同縣市的房價差異，如 Figure 19 價錢分布堆疊圖。

37

Figure 19 價錢分布堆疊圖

價錢坪數散布圖呈現不同縣市價錢與坪數的分布，能夠輕易看出城市高單價小坪 數而鄉村單價低坪數大，如 Figure 20 價格坪數散布圖。

38

Figure 20 價格坪數散布圖

價錢累積圖及價錢坪數散布圖可以下拉式選單選擇想了解的時間，同時也可 以觀察出各地區時間對價錢及坪數的影響。

房屋種類圓餅圖也是一個能夠輕易區分出城市與鄉村差異的呈現方式，城市 多大樓、公寓，而鄉村多透天厝，如 Figure 21 台北市房屋種類圓餅圖及 Figure 22 台東縣房屋種類圓餅圖。

39

Figure 21 台北市房屋種類圓餅圖

Figure 22 台東縣房屋種類圓餅圖

40

屋齡/樓高鳥瞰圖主要想在台灣地圖上以顏色分布的方式呈現樓層及屋齡的 資訊，讓人可以一眼就看出台灣哪裡的房屋比較老，可能是下一個都更的目標，

做為投資房地產的參考，如 Figure 23 屋齡預覽地圖。

Figure 23 屋齡預覽地圖

41