(Vue.js) 在 v-for 列表中透過 filter 完成搜尋與分頁的功能

最近 Vue.js 正夯,所以手上幾個東西打算用這個來改寫,關於 Vue.js 的基本介紹可以參考小弟的投影片,這裡就不再贅述。

閱讀更多

利用 d3.js 製作 responsive 的長條圖

利用 d3.js 我們可以很輕易地產生我們想要的圖表,以最常見的長條圖為例,只要透過 scale (比例尺) 與 axis (軸線),再加上一點 SVG 的基礎知識,像這樣的長條圖一下子就可以生成。

閱讀更多

利用 Google Fusion Table,不用寫 code 也可以產生主題地圖

感謝台北市政府以及相關人士的努力,在十月中旬的時候,台北市 open data 平台又開放了「台北市住宅竊盜點位資訊」這樣的資料,雖然很多人戲稱房價又要下跌了,但是老話一句,身為有良心的開發者,當然居住安全比房價什麼的還要重要得多

閱讀更多

利用 Google Map 檢視台北市降雨淹水模擬圖

看到前兩天的新聞: 柯文哲想公開易淹水地區 北市府已上網,又剛好有前輩寫了一篇 利用QGIS檢視台北市降雨淹水模擬圖雖然身處房仲業,但身為有良心的開發者不能只想著房價,心想應也可透過 Google Map 來呈現,於是試了一下,順便寫篇記錄。

閱讀更多

[筆記] JavaScript 變數宣告與作用域

大家都知道,JavaScript 的變數有其作用域的範圍,若使用前未經 var 宣告,就會自動變成全域變數 (global variable),而在其 code block 內宣告的變數也只有該 code block 內可以使用。

閱讀更多

Taipei D3.js Meetup 小聚分享心得

這次我在 Taipei D3.js Meetup (現在似乎改叫 Visual Thursday) 分享的 Talk 是有關於地理視覺化的簡介,雖然題目聽起來很學術,但其實內容是我這陣子對於 Web GIS 以及地圖視覺化的一些摸索心得分享。

閱讀更多