視覺化

[ 詞頻類 ]
Google N-gram viewer
Bookworm-Arxiv
http://www.hksilicon.com/kb/articles/60499/Bookworm-Arxiv
Highbrow: A Textual Annotation Browser
https://osc.hul.harvard.edu/highbrow/
https://osc.hul.harvard.edu/sites/default/files/Highbrow.pdf

[ 常見統計圖表類 ]
Flot – jQuery Plugin – 有簡易API
http://www.flotcharts.org/
http://blakechen.pixnet.net/blog/post/6375842-jquery%E6%87%89%E7%94%A8(1)-flot
http://www.cnblogs.com/lwme/archive/2012/08/18/jquery-flot-plugin.html

[ 整合類 ]
Raphaël – JavaScript Library
使用SVG和VML來畫圖,生成的每個圖形都是一個DOM對象,所以可以透過Javascript來操作這些圖形
http://raphaeljs.com/
http://www.allenj.net/archives/4102
http://pc-coder.blogspot.tw/2010/10/raphaeljavascript-library.html

IBM Many Eyes
http://www-958.ibm.com/software/data/cognos/manyeyes/datasets?tag=elementary&sort=rating
http://meebox.blogspot.tw/2007/01/ibmmany-eyes.html
http://www.guokr.com/post/82137/

[ 地圖類 ]
Google Charts – Geo Map
https://developers.google.com/chart/interactive/docs/gallery/geomap

Gmaps.js
http://hpneo.github.io/gmaps/
http://www.gbin1.com/technology/jquerynews/20120608jquery-plugin-gmaps/
http://head.barepants.com/gmaps-js/

InstantAtlas (有免費試用版)
http://www.instantatlas.com/

[ 時間軸類 ]
Simile Widget Timeline
https://www.openfoundry.org/tw/tech-column/8807-simile-widget-timeline-
http://code.google.com/p/simile-widgets/wiki/Timeline_GettingStarted

Dipity (匯入書?)
http://www.dipity.com/
http://www.skyvee.net/2008/06/dipitytimeline.html

TimelineJS
http://segmentfault.com/a/1190000000368066
http://technews.tw/2014/04/08/old-dogs-can-learn-new-tricks-revolutionary-reporting-on-mobile-device/#more-29749

[ 其它 ]
Wolfram Alpha
visual.ly
http://visual.ly/
http://www.advertisingfan.net/2012/05/infographics-for-dummies-intro.html
http://www.inside.com.tw/2011/04/29/infographic-how-to

Gephi 很多node和線
https://gephi.org/
http://blog.sina.com.cn/s/blog_4766fd440101c70n.html

moqups,線上畫網站雛形設計可分享。
https://moqups.com/


[ g0v ]
政誌 bootsrap – timeline
中央政府總預算


AJAX:
AJAX即「Asynchronous JavaScript and XML」(非同步的JavaScript與XML技術),指的是一套綜合了多項技術的瀏覽器端網頁開發技術。
傳統的Web應用允許使用者端填寫表單(form),當送出表單時就向Web伺服器發送一個請求。伺服器接收並處理傳來的表單,然後送回一個新的網 頁,但這個做法浪費了許多頻寬,因為在前後兩個頁面中的大部分HTML碼往往是相同的。由於每次應用的溝通都需要向伺服器發送請求,應用的回應時間依賴於 伺服器的回應時間。這導致了使用者介面的回應比本機應用慢得多。
與此不同,AJAX應用可以僅向伺服器發送並取回必須的資料,並在客戶端採用JavaScript處理來自伺服器的回應。因為在伺服器和瀏覽器之間交換的資料大量減少(大約只有原來的5%),伺服器回應更快了。同時,很多的處理工作可以在發出請求的客戶端機器上完成,因此Web伺服器的負荷也減少了。
http://zh.wikipedia.org/wiki/AJAX

Responsive Web Design(RWD)
room in/out example: http://punnode.com/archives/11408
談新聞網站在 Mobile 上的設計細節: http://blog.xdite.net/posts/2014/02/24/details-on-news-sites-design/
網路活動到底該不該做手機版? https://marketing.tw.campaign.yahoo.net/emarketing/contentF4.php?main=A01&sub=B02&tri=&literary=1063
自動切換電腦或手機版(PHP、ASPX)
http://www.minwt.com/mobilewebdesign/2501.html

html 5
SVG
DOM

廣告

發表迴響

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

WordPress.com Logo

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

Twitter picture

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

Facebook照片

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

Google+ photo

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

連結到 %s