Network graphing in JavaScript - force-graph

分析網路關係,並將資料視覺化,最常見的就是 network graph。

常見套件

最易用的套件

force-graph 當之無愧,因為它幫我們跳過了底層 canvas / three 繁瑣的設置,也預設了展開圖中各點的演算法 DAG ,開發者只需要指定要畫在哪個 html dom 上,輸入 data 就能見到一張漂亮的圖,若是要客製化某些功能,也能透過其提供的 API 設置顏色事件等等。

詳細的 API 請見:

https://github.com/vasturiano/force-graph
https://github.com/vasturiano/3d-force-graph

範例

https://codepen.io/aaron1995/pen/VNJZZE

作者

楊竑昕

發表於

2019-06-11

更新於

2023-04-03

許可協議

評論