Visualization: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Data Visualization Checklist ==
視覺化最佳實踐
* 顏色：圖例中的顏色是否適當？當使用套裝軟體製作圖表時，它會自動用各種顏色標註不同的圖例。然而，過多的顏色可能會分散注意力。如果圖例的顏色不是必要的，可以考慮使用單一色調，以免影響主要的簡報主題。
* 圖形選擇：線條是否重疊，導致難以辨識？
* 圖形的目的：例如，線圖中的趨勢、圓點的半徑大小、線條的長度、線條的指向/箭頭... 呈現的意思
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]。
: http://voice.onlyfun.net/images/SearchReferralZeitgeist.gif
: 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]


== 軟體(software) ==
== terms 專有名詞 ==
[[Glossary of chart]]
 
 
== 社團 ==
* [https://www.facebook.com/LineChartCommission 折線圖傳播委員會] {{FB}}
* [https://www.facebook.com/piechart.restoration 圓餅圖維新協會] {{FB}}
 
== 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 55:
: http://images.amazon.com/images/P/0140135154.01.THUMBZZZ.gif
: http://images.amazon.com/images/P/0140135154.01.THUMBZZZ.gif


相關關鍵字：概念構圖法（[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])
相關關鍵字：[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 67:
  影響到人的行為。
  影響到人的行為。


: 資料引用：[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 
: 資料引用：[http://tinyurl.com/dg5yx 人與環境研究電子報  HERS]
人與環境研究電子報  HERS]
 






<div id="wikitikitavi" style="overflow:auto; height: 1px; ">
[[Category: Information_visualization]] [[Category: Search]] [[Category: Data Science]] [[Category: Visualization]]
[[http://WTHP1.coolhost.biz] [WTHPD1]]
[http://WTHP2.coolhost.biz  WTHPD2]
[[http://WTHP3.coolhost.biz | WTHPD3]]
[http://WTHP4.coolhost.biz | WTHPD4]
[WTHPD5 | http://WTHP5.coolhost.biz]
[[http://WTHP6.coolhost.biz WTHPD6]]
</div>

Latest revision as of 13:58, 11 June 2024

Data Visualization Checklist[edit]

視覺化最佳實踐

  • 顏色：圖例中的顏色是否適當？當使用套裝軟體製作圖表時，它會自動用各種顏色標註不同的圖例。然而，過多的顏色可能會分散注意力。如果圖例的顏色不是必要的，可以考慮使用單一色調，以免影響主要的簡報主題。
  • 圖形選擇：線條是否重疊，導致難以辨識？
  • 圖形的目的：例如，線圖中的趨勢、圓點的半徑大小、線條的長度、線條的指向/箭頭... 呈現的意思

Ref:

show cases[edit]

  • Gallery of network images
  • Social Circles
  • 分析網站被搜尋的關鍵字的頻率，如果該關鍵字被搜尋到頻率較多次，則會在影像中以較大的字級（字體的大小）顯示出來。
例子：minutillo，該程式是Jim Flanagan寫的SearchReferralZeitgeist。
78297399_9ef86c60f5_o.gif
  • MS 製作 newsgroup 的階級關係、cross post的 tree map。

terms 專有名詞[edit]

Glossary of chart


社團[edit]

tools[edit]

延伸閱讀[edit]

  • （Ways of Seeing）by John Berger ISBN: 0140135154
    • John Berger著,陳志梧譯，《看的方法》（Way of Seeing）（台北：明文書局,1989）ISBN：957-9509-09-3，另外中文書名有另外翻譯成《觀看方法》。
0140135154.01.THUMBZZZ.gif

相關關鍵字：心智圖、概念構圖法（Concept Mapping）、視覺認知（Visual Cognition）、認知圖 (cognitive map) 

認知圖這個名詞是由學習論者Tolman所提出，他將白鼠學習的行為，解釋為一種認知學習的方式；認為白鼠
學到去找食物所在位置，並非機械式地對環境刺激作直接反應，而是在牠走過之後，會對於迷津通路有一個
整體的概念，亦即獲得一個認知圖。此種認知圖的形成，乃是白鼠認識迷津中某些特徵作為符號標誌，然後
辨別符號之間的關係而獲得對迷津的整體認識。

認知圖形成(cognitive mapping)是由一系列的心理轉化所組成的過程；個人藉此獲取、密碼化、儲藏、回憶
及譯解與其日常生活空間環境中各現象的相關位置與屬性有關的資訊。而意象及認知圖則為此等資訊所轉換
成的、具體化可供個人辨識、理解及參考用的精神圖像。環境知覺及認知均常具體化為意象或認知圖，進而
影響到人的行為。
資料引用：人與環境研究電子報 HERS
Retrieved from "https://wiki.planetoid.info/index.php?title=Visualization&oldid=24852"