【前言】
那在上回我們建立了資料與關係的集合,但逐行看難以理解複雜的關係也很痛苦。那這回我們就要依靠上次的兩個 Edge Collection 進行圖像化,更快速且清楚地理解資料間的關係。
【重點整理】
- 建立圖資料庫後,可以按右鍵快速建立新的資料或關聯
- from 與 to 會影響階層式分布的順序
【預計內容】
- 製作圖資料庫
- 格式設定
- 樣式展示
- 資料的顯示與新增
【主要內容】
1. 製作圖資料庫
我們首先到 Graph 介面,點擊 Add Graph 開始新增圖表,這邊我先使用同集合內的資料,比較容易使用標籤。
這樣我們就完成圖資料庫了,應該要能透過 Edge 能看到串接起來的資料。但預設情況下,只會顯示隨機一個資料當起始點,我們必須在設定中選到我們要的所有點。
那這邊我們繼續使用 Claude Monet 當起始點,可以看到與之有任何連結的資料也會呈現在資料中。但在預設情況下,我們很難記得 ID 與對應的值,因此我們要進行 Nodes 的設定以顯示名稱。
2. 格式設定
那我們知道資料中,畫家的欄位有 full_name 紀錄全名,那我們只要在 label 設定輸入要使用的欄位即可。
那相對的,我們現在雖然有人名,卻沒有明確的關係。那接著我們就一樣到 Edges 靠 label 顯示關係吧。那因為我之前有多設定 relationship 該額外的屬性,因此才能使用。
那如各位所見,其實還有其他的條件可以設定,但基本都是讓圖更加精緻,就請各位自行研究啦。
3. 樣式展示
那透過上方的排版格式,我們很容易的能看出相互關係。但如果今天想要如族譜有明確的階層關係,就與 from 與 to 的方向有關了。我們此時將 layout 從 forceAtlas2 改成 hierarchical,就會從 from 向下展開到 to 了。
4. 資料的顯示與新增
但今天我不想一筆一筆的勾選,要如何一次看完所有資料?我們首先要先透過 Settings 的 Limit 限制最多呈現多少節點,之後便能按下右上方的全選按鈕。現在下面的範例中,便能發現本該 421 筆卻只顯示 250 個節點,便是沒修改正確的 Limit 導致。
那其實之後其實就不用回去看 Collection 的資料,也能夠在圖資料庫,按下右鍵直接新增資料或關聯。但大量的資料還是得回去 Collection 直接匯入 JSON 才行。
那我們也能針對點跟線按右鍵,進行資料的編輯(這張是升級後補的,介面稍微不同)
【後話】
那透過這一期,我們建立了方便視覺化又能簡單管理的圖資料庫。但我們之後又要如何取值呢?則要依靠 Edge 的關係去做索引,那我們下次就會以 Query 為主題,簡單的展示常見的呼叫方式,與如何找出關聯資料。