程式設計雜筆

[程設雜筆] 梅竹黑客松d3.js初玩

這次梅竹黑客松,我試玩了一個javascript library,叫d3.js。這個library的長處是可以把數據視覺化,變得很酷炫,很好看。

demo:

http://i314i.github.io/WebWorks/rescue

 

下面圓圈圈裝水的是來自這個library

http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

 

而縮放的台灣地圖,則是來自這個library

http://bl.ocks.org/mbostock/2206590

教學網站:

http://kuroridoplayer.blogspot.tw/2014/10/d3js-g0v-twgeojson.html

台灣地圖的open data

https://github.com/g0v/twgeojson

最後的js檔:

https://github.com/i314i/WebWorks/blob/gh-pages/js/map.js

Advertisements

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s