attug's posterous http://atattug.posterous.com Most recent posts at attug's posterous posterous.com Fri, 22 Apr 2011 17:52:00 -0700 Ball Of Light by Sam Collins http://atattug.posterous.com/ball-of-light-by-sam-collins http://atattug.posterous.com/ball-of-light-by-sam-collins

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Thu, 21 Apr 2011 14:23:00 -0700 Untitled http://atattug.posterous.com/50362209 http://atattug.posterous.com/50362209

首先先下載要分析的資料:

安裝 netvizz -  http://apps.facebook.com/netvizz/  它可以從你的朋友名單中擷取資料讓你下載。下載的資料是 gdf檔,有點像 Excel 的表格,裡面有姓名、性別、牆上PO文數、好友與你好友圈內的其他好友連結數。

如果擔心以後netvizz還會繼續蒐集你資料,可以在下載gdf檔後把這個應用程式刪除。

 

然後下載資料圖像處理軟體:

下載 Gephi http://gephi.org/users/download/

安裝,然後去 http://gephi.org/plugins/circular-layout/ 下載這個 Circular Layout 處理資料的其中一種外掛模組,可以把資料點排成圓形 )

 

開啟 Gephi ,它會先彈出一個 "開新文件的視窗,這時選擇 Open Graph File ,找到剛剛下載的 Facebook資料(gdf),然後它會問你資料是 Directed 或是Undirected (有方向或沒方向),因為這個資料每個點只有普通的連結,沒有方向性,所以選 Undirected

 

軟體視窗上方可以看到 

Overview  Data laboratory Preview

 

Overview 是修改圖像的地方,可以修改線條粗細、點的顏色、大小程度

Data laboratory 就是將資料以表格顯示的地方,可以修改資料中每個點的名稱等

Preview  就是預覽最後輸出圖像的地方

 

圖中的每個點代表每個人線就是互為好友

 

接下來先安裝 Layout

安裝 Layout 的方法:

 Tools -> Plugins  -> Downloaded -> Add Plugins

選擇剛剛下載的 layout  然後按 Install

 

這樣就可以用它把資料排成圓形了

 

Run the Layout

在左下方的Layout 選項中,選擇 Circular Layout 然後按Run,圖形就會自動排成圓形了。

下面有一些細節可以調,像是Node Layout Direction Clockwise 可以將連結的線條有密到疏排列。(具體細節我也不清楚,你可以每個都試試看:))

 

編輯圖像顏色:

在軟體右上方可以看到 Nodes   Edges,選 Nodes 可以編輯Edges 編輯

可以先編輯點,選 Nodes,然後在它下面的下拉式選單中有 Degree, agerank, wallcount Degree 應該就是點的連結程度()agerank 我也不知道XDwallcount 是牆上的PO文數。

比如說我想將"點的連結程度""顏色色階"表現Degree然後點上面 彩色小圓形,然後在 "Color:  Range:"長方形區域裡任一處按右鍵就有一些預設的顏色讓你選了。選完按 Apply 就可以套用到圖上了;Color  Range 是讓你調顏色變化程度的 (比如說我想讓深的更深,淺的更淺),可以自己試試看XD

 

如果你想將"點的連結程度""大小"呈現就按彩色小圓形旁的粉紅色鑽石形狀物。Min size  Max size 可以讓你調 最大和最小的點的大小程度,調完按Apply 就可以套用了。至於Range是指程度的級數,(剛剛是選Degree,所以是每個點連結的數量,從最小到最大)(我還不是很確定其真正的操作方式,比如說選顏色時,我只是亂調然後看看每個點的變化。)

 

另外,在圖下方的功能表列中,點大寫"T" 可以顯示點的標籤(名字)。旁邊可以讓你選字型(建議選新細明體或微軟正黑體,有些字體會無法顯示中文)。再旁邊可以調字大小。

 

調完後要預覽輸出效果,點 Preview。點了之後會發現跟Overview 看起來有些不同,所以要輸出時要在這邊再作一些調整。

在左邊可以看到有很多選項,包括 Node (跟點有關的)Edge (跟線有關的)...如果要顯示點的標籤(名字),可以將Node 下方  Show labels 打勾,下面的Label font 可以調字型和大小。其它像 Border color 可以調""外圍圈圈的顏色…….有很多我都不知道幹嘛的,可以自己試XD

 

改背景顏色:

在圖的下方 Background 點一下可以改變背景顏色

 

所有的設定都要按左下的 Refresh 後才可以看到套用後的效果。

 

輸出圖形:

Gephi 只提供PDF  SVG 檔。在左下角可以看到 Export: SVG/PDF ,點下去就可以輸出另存新檔了。如果要轉成JPG可以先開啟PDF然後用擷取圖片,再開小畫家貼上,另存新檔就行了。

 

至於輸出的SVG檔可以用向量繪圖軟體來坐進一步的編輯,如 CorelDRAW 或是Inkscape (免費,但還滿好用的)

 

我所知道的大概就是這些

 

PS.這裡有一個 Gephi 的簡介

 

View more presentations from Gephi NGO

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Wed, 20 Apr 2011 15:52:00 -0700 Color Flower by Chris Harrison http://atattug.posterous.com/50253555 http://atattug.posterous.com/50253555

http://zoom.it/6v1

http://www.chrisharrison.net/projects/colorflower/index.html

 

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Wed, 20 Apr 2011 14:49:00 -0700 布雷斯•A•雅克斯的「相片合成」技術展示 / Blaise Aguera y Arcas demos Photosynth http://atattug.posterous.com/a-blaise-aguera-y-arcas-demos-photosynth http://atattug.posterous.com/a-blaise-aguera-y-arcas-demos-photosynth

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Mon, 18 Apr 2011 08:14:00 -0700 The Power of Curiosity and Inspiration http://atattug.posterous.com/49994310 http://atattug.posterous.com/49994310

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Sun, 17 Apr 2011 13:53:00 -0700 Drawingmachine by Eske Rex http://atattug.posterous.com/49908240 http://atattug.posterous.com/49908240

Drawingmachine by Eske Rex from Core77 on Vimeo.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Sun, 17 Apr 2011 12:46:00 -0700 Journalism in the Age of Data: A Video Report on Data Visualization by Geoff McGhee http://atattug.posterous.com/journalism-in-the-age-of-data-a-video-report http://atattug.posterous.com/journalism-in-the-age-of-data-a-video-report

Journalism in the Age of Data from Geoff McGhee on Vimeo.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug
Sun, 17 Apr 2011 04:47:00 -0700 StatCounter 各國常用搜尋引擎統計 http://atattug.posterous.com/statcounter http://atattug.posterous.com/statcounter

在圖表下方的 Country/Region 選項可以調整顯示國家。

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1158934/Pinkie_the_White_Chimpanzee.jpg http://posterous.com/users/heOoS2QCJx7Vo atattug atattug atattug