Visualization: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
m (Text replacement - "https://news.google.com/_/rss/search?q=" to "https://news.google.com/rss/search?q=")
(11 intermediate revisions by the same user 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]。
: http://static.flickr.com/41/78297399_9ef86c60f5_o.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]  
* [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 ==
== tools ==
Line 22: Line 40:
* [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]
* [http://www.aditus.nu/jpgraph/ JpGraph]
* [http://code.google.com/apis/charttools/ Google Chart Tools - Google Code]
* [https://developers.google.com/chart/?csw=1 Google Charts — Google Developers]
* [[Graph library]]
* [[Graph library]] by using online services, Javascript library or PHP library


== 延伸閱讀 ==
== 延伸閱讀 ==
Line 45: Line 63:




[[Category:Information_organization]] [[Category:Search]] [[Category:Data Science]]
{{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
78297399_9ef86c60f5_o.gif
  • MS 製作 newsgroup 的階級關係、cross post的 tree map

terms 專有名詞

Glossary of chart


tools

延伸閱讀

  • (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


"資訊視覺化" OR "資料視覺化" OR "資訊圖表" 相關新聞聯播
Google發表當前最佳UI與資訊圖表理解模型ScreenAI - iThome Online
《金融時報首席專家的資料視覺化聖經》:文字能將圖表從有一些「數字」,變成有一個「故事」 - The News Lens 關鍵 ... - The News Lens 關鍵評論網
保健食品為何愛用醫學營養人士代言?拍短片、做資訊圖表轉化生硬術語就是要讓消費者懂! - Yahoo奇摩新聞
圖像化思維,解讀數據的力量臺大進修推廣學院開辦「資料視覺化」課程| 聯合新聞網 - 聯合新聞網
資訊圖表|資訊視覺化地雷,國際媒體也會忽略的眉角,啞鈴圖修正示範|上班族簡報日常 - 方格子 - 方格子
微軟Excel 引進Python 語言,執行進階分析、資料視覺化 - TechNews 科技新報
散布圖要精準表達怎麼做?製圖大師教你活用5個資料視覺化關鍵 - 數位時代
驅動港口智慧化發展!港務公司推資料視覺化、串接 - NOWnews 今日新聞
【ESG投資專題】證交所新平台上線ESG、投資資訊「視覺化」助投資人秒懂 - 鏡週刊
::::: 歡迎光臨東吳大學::::: 新聞內容 - 東吳大學
臺大「數據時代的商業分析與資料視覺化」課程,5/10前享優惠| 聯合新聞網 - 聯合新聞網
製作資訊圖表,7步驟快速入門 - Cheers快樂工作人雜誌
【奧美觀點】資訊大爆炸時代用一張圖就能勝過千言萬語?|天下雜誌 - 天下雜誌
資料視覺化的第一堂課- 三種你必須先搞懂的資料類型! - 經理人
《視覺設計大師的數據溝通聖經》:資料視覺化能協助我們瞭解複雜的議題,同時擴展「知識島」與「未知海岸線」 - The ... - The News Lens 關鍵評論網
Google釋出免費的資料視覺化工具Data Studio - iThome Online
在資料視覺化之前 - iThome Online
Google Data Studio加入社群視覺化功能,讓開發人員自訂並共享資料視覺化圖表 - iThome Online
眺望2023!回顧2022年十大氣候資訊圖表精華 - 慈濟
Uber開源地理資訊視覺化工具kepler.gl,連Airbnb和Google都愛用 - iThome Online
資料視覺化如何上手?專家推薦好用工具在這裡 - iThome Online
資料視覺化的第二堂課- 資料整理 - 經理人
用試算表玩遊戲學習資料視覺化 - 國語日報
台北市將預算資料「視覺化」,花多少錢讓你一目瞭然 - iThome Online
你也辦得到!4 步驟+1 案例,教你做出吸睛、有力的資訊圖表 - Yahoo奇摩新聞
資料視覺化的好用小工具Part 2 - The News Lens 關鍵評論網 - The News Lens 關鍵評論網
讓城市與人民距離更近台南城市儀表板資料視覺化 - 秒捷新聞網
Azure也開始提供全託管Grafana監控資料視覺化服務 - iThome Online
Nvidia資料視覺化工具IndeX在Google雲端市集上架 - iThome Online
RUN!PC|企業採購|Application|應用於資料視覺化呈現的10 款BI工具 - RUN!PC
微軟於Azure雲端正式推出資料視覺化全託管Grafana服務 - iThome Online
眺望2023!回顧2022年十大氣候資訊圖表精華 - 環境資訊電子報

Powered by Google News