程式設計雜筆

[程設雜筆] 梅竹黑客松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

發表迴響

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

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s