Visualization: Difference between revisions
Jump to navigation
Jump to search
m (rollback) |
m (Text replacement - "https://news.google.com/_/rss/search?q=" to "https://news.google.com/rss/search?q=") |
||
(20 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
== Data Visualization Checklist == | |||
* 顏色: 圖例顏色是否合適? 使用套裝軟體做圖,會自動將不同圖例標上多種顏色,但是太多顏色會干擾閱讀。如果圖例顏色是不必要,甚至考慮改用單色呈現,而不要影響簡報主題的呈現。 | |||
* 圖形要呈現的意思 e.g. 直線圖漲跌、圓點半徑大小 ... | |||
Ref: | |||
* [http://stephanieevergreen.com/updated-data-visualization-checklist/ Updated Data Visualization Checklist | Evergreen Data] | |||
== show cases == | |||
* {{Gd}} [https://datavizcatalogue.com/ The Data Visualisation Catalogue] | |||
* [http://www-personal.umich.edu/~mejn/networks/ Gallery of network images] | * [http://www-personal.umich.edu/~mejn/networks/ Gallery of network images] | ||
* [http://www.marumushi.com/apps/socialcircles/index.cfm Social Circles] | * [http://www.marumushi.com/apps/socialcircles/index.cfm Social Circles] | ||
* 分析網站被搜尋的關鍵字的頻率,如果該關鍵字被搜尋到頻率較多次,則會在影像中以較大的字級(字體的大小)顯示出來。 | * 分析網站被搜尋的關鍵字的頻率,如果該關鍵字被搜尋到頻率較多次,則會在影像中以較大的字級(字體的大小)顯示出來。 | ||
: 例子:[http://minutillo.com/steve/zeitgeist/ minutillo],該程式是[http://jimfl.tensegrity.net/ Jim Flanagan]寫的[http://twiki.tensegrity.net/bin/view/Main/SearchReferralZeitgeist SearchReferralZeitgeist]。 | : 例子:[http://minutillo.com/steve/zeitgeist/ minutillo],該程式是[http://jimfl.tensegrity.net/ Jim Flanagan]寫的[http://twiki.tensegrity.net/bin/view/Main/SearchReferralZeitgeist SearchReferralZeitgeist]。 | ||
: | : https://static.flickr.com/41/78297399_9ef86c60f5_o.gif | ||
* [http://www.chaosreigns.com/code/springgraph/3d.html springgraph 3D output] with Link Data Extension ([http://www.oddmuse.org/cgi-bin/oddmuse-en/%e8%b3%87%e6%96%99%e9%80%a3%e7%b5%90%e6%93%b4%e5%85%85 資料連結擴充]) of OddmusWiki | * [http://www.chaosreigns.com/code/springgraph/3d.html springgraph 3D output] with Link Data Extension ([http://www.oddmuse.org/cgi-bin/oddmuse-en/%e8%b3%87%e6%96%99%e9%80%a3%e7%b5%90%e6%93%b4%e5%85%85 資料連結擴充]) of OddmusWiki | ||
* IBM [http://domino.watson.ibm.com/cambridge/research.nsf/pages/cue.html?Open Collaborative User Experience Projects] 的[http://researchweb.watson.ibm.com/history/index.htm history flow] | * IBM [http://domino.watson.ibm.com/cambridge/research.nsf/pages/cue.html?Open Collaborative User Experience Projects] 的[http://researchweb.watson.ibm.com/history/index.htm history flow] | ||
* [http://www.quintura.com/ Quintura] 提供搜尋關鍵字相近字的標籤雲(Quintura cloud, visual map)。 via [http://mmdays.wordpress.com/2007/03/16/vis2/ 搜尋視覺化(II) « Mr./Ms. Days] | |||
* MS 製作 newsgroup 的階級關係、cross post的 [http://netscan.research.microsoft.com/Static/ tree map]。 | * MS 製作 newsgroup 的階級關係、cross post的 [http://netscan.research.microsoft.com/Static/ tree map]。 | ||
* [http://www.webbrain.com Visual interface] for browsing the ODP directory. | * [http://www.webbrain.com Visual interface] for browsing the ODP directory. | ||
* [http://www.touchgraph.com/ touchgraph.com][http://sourceforge.net/projects/touchgraph/] | * [http://www.touchgraph.com/ touchgraph.com][http://sourceforge.net/projects/touchgraph/] | ||
* [https://antv.alipay.com/zh-cn/f2/3.x/demo/index.html F2 Demos - AntV] | |||
---- | ---- | ||
* [http://www.news-images.com/ News-Images.com] | * [http://www.news-images.com/ News-Images.com] | ||
== | == terms 專有名詞 == | ||
[[Glossary of chart]] | |||
== tools == | |||
* [http://www.graphviz.org/About.php Graphviz] | * [http://www.graphviz.org/About.php Graphviz] | ||
* [http://freemind.sourceforge.net/wiki/index.php/Main_Page Main Page - FreeMind - free mind mapping software] | * [http://freemind.sourceforge.net/wiki/index.php/Main_Page Main Page - FreeMind - free mind mapping software] | ||
* [http://www.aditus.nu/jpgraph/ JpGraph] | |||
* [https://developers.google.com/chart/?csw=1 Google Charts — Google Developers] | |||
* [[Graph library]] by using online services, Javascript library or PHP library | |||
== 延伸閱讀 == | == 延伸閱讀 == | ||
Line 27: | Line 48: | ||
: http://images.amazon.com/images/P/0140135154.01.THUMBZZZ.gif | : http://images.amazon.com/images/P/0140135154.01.THUMBZZZ.gif | ||
相關關鍵字:[http://zh.wikipedia.org/wiki/%E6%80%9D%E7%BB%B4%E5%AF%BC%E5%9B%BE 心智圖]、概念構圖法([http://directory.google.com/Top/Reference/Knowledge_Management/Knowledge_Creation/Concept_Mapping/?il=1 Concept Mapping])、視覺認知(Visual Cognition)、認知圖 ([http://www.bp.ntu.edu.tw/WebUsers/hdbih/%E9%9B%BB%E5%AD%90%E5%A0%B1%E7%AC%AC%E4%B8%89%E6%9C%9F.htm#%E8%AA%8D%E7%9F%A5%E5%9C%96%C2%A0%C2%A0cognitive%20map cognitive map]) | |||
認知圖這個名詞是由學習論者Tolman所提出,他將白鼠學習的行為,解釋為一種認知學習的方式;認為白鼠 | 認知圖這個名詞是由學習論者Tolman所提出,他將白鼠學習的行為,解釋為一種認知學習的方式;認為白鼠 | ||
Line 39: | Line 60: | ||
影響到人的行為。 | 影響到人的行為。 | ||
: 資料引用:[http:// | : 資料引用:[http://tinyurl.com/dg5yx 人與環境研究電子報 HERS] | ||
{{News feed | title = "資訊視覺化" OR "資料視覺化" OR "資訊圖表" 相關新聞聯播 | feed = <rss>https://news.google.com/rss/search?q=%22%E8%B3%87%E8%A8%8A%E8%A6%96%E8%A6%BA%E5%8C%96%22%20OR%20%22%E8%B3%87%E6%96%99%E8%A6%96%E8%A6%BA%E5%8C%96%22%20OR%20%22%E8%B3%87%E8%A8%8A%E5%9C%96%E8%A1%A8%22&hl=zh-TW&gl=TW&ceid=TW:zh-Hant</rss> | |||
}} | |||
[[Category:Information_visualization]] [[Category:Search]] [[Category:Data Science]] |
Revision as of 14:12, 28 December 2018
Data Visualization Checklist
- 顏色: 圖例顏色是否合適? 使用套裝軟體做圖,會自動將不同圖例標上多種顏色,但是太多顏色會干擾閱讀。如果圖例顏色是不必要,甚至考慮改用單色呈現,而不要影響簡報主題的呈現。
- 圖形要呈現的意思 e.g. 直線圖漲跌、圓點半徑大小 ...
Ref:
show cases
- Gallery of network images
- Social Circles
- 分析網站被搜尋的關鍵字的頻率,如果該關鍵字被搜尋到頻率較多次,則會在影像中以較大的字級(字體的大小)顯示出來。
- 例子:minutillo,該程式是Jim Flanagan寫的SearchReferralZeitgeist。
- springgraph 3D output with Link Data Extension (資料連結擴充) of OddmusWiki
- Quintura 提供搜尋關鍵字相近字的標籤雲(Quintura cloud, visual map)。 via 搜尋視覺化(II) « Mr./Ms. Days
- MS 製作 newsgroup 的階級關係、cross post的 tree map。
- Visual interface for browsing the ODP directory.
terms 專有名詞
tools
- Graphviz
- Main Page - FreeMind - free mind mapping software
- JpGraph
- Google Charts — Google Developers
- Graph library by using online services, Javascript library or PHP library
延伸閱讀
- (Ways of Seeing)by John Berger ISBN: 0140135154
- John Berger著,陳志梧譯,《看的方法》(Way of Seeing)(台北:明文書局,1989)ISBN:957-9509-09-3,另外中文書名有另外翻譯成《觀看方法》。
相關關鍵字:心智圖、概念構圖法(Concept Mapping)、視覺認知(Visual Cognition)、認知圖 (cognitive map)
認知圖這個名詞是由學習論者Tolman所提出,他將白鼠學習的行為,解釋為一種認知學習的方式;認為白鼠 學到去找食物所在位置,並非機械式地對環境刺激作直接反應,而是在牠走過之後,會對於迷津通路有一個 整體的概念,亦即獲得一個認知圖。此種認知圖的形成,乃是白鼠認識迷津中某些特徵作為符號標誌,然後 辨別符號之間的關係而獲得對迷津的整體認識。
認知圖形成(cognitive mapping)是由一系列的心理轉化所組成的過程;個人藉此獲取、密碼化、儲藏、回憶 及譯解與其日常生活空間環境中各現象的相關位置與屬性有關的資訊。而意象及認知圖則為此等資訊所轉換 成的、具體化可供個人辨識、理解及參考用的精神圖像。環境知覺及認知均常具體化為意象或認知圖,進而 影響到人的行為。
- 資料引用:人與環境研究電子報 HERS