scrapbox-planetarium
#つくった
これどす
モチベ
scrapboxのリンク構造を可視化したかったが/scrapbox-drinkup/ページの繋がりの視覚化 (daiiz) が壊れてそうだったので
できること
scrapboxのリンク構造をグラフで表示する
グラフで表示する際にnodeの出次数を星のエネルギーと読み替えることでプラネタリウムっぽくできる
nodeをクリックすると対応するページを開くことができる
Svelteで書いた
GitHub Pagesで動かしている
GitHub Actionsでビルドしている
グラフ構造構造とその可視化はsigma.jsで
2023/11/19更新: nodeの出次数を星のエネルギーと読み替えることでプラネタリウムっぽくした
https://scrapbox.io/files/6559aabb961e41001cee5391.jpg
やりたいこと
WebWorkerでファイルの読み込みやグラフの作成をいい感じに高速化したい
いる?必要なさそうだけど?
https://x.com/SnO2WMaN/status/1705676940349460908
d3.jsに移行する?
chord diagramとしても表示できるように
線の幅をどのようにして定義するか?
nodeが多すぎると線が細くなってみにくくなるのでは?
Hierarchical edge bundlingとして表示できるように