リンク構造を3Dグラフ化

起点URLから再帰的にリンクを辿り、サイト全体の構造をThree.jsでインタラクティブに可視化します。力指向3Dと階層ツリーを切り替え可能。

主な機能

3Dインタラクティブ

Three.jsによるリアルタイム3D描画。ドラッグ、ズーム、パン操作で自由に视角を変更できます。

2つのレイアウト

力指向3Dと階層ツリー3Dをワンクリックで切替。データの見方に応じて最適な表示を選べます。

Cloudflare Worker

サーバーレスクローラー。CORS回避でどこからでもクロール可能。深さごとの分割リクエストで高速処理。

ストリーミング

クロール進行状況をリアルタイムで表示。停止ボタンで途中中断も可能。

InstancedMesh最適化

1000ノード以上でも滑らかな描画。GPUインスタンシングで大規模グラフにも対応。

JSON入出力

graph.jsonをドラッグ&ドロップするだけ。JSON貼付やファイルエクスポートにも対応。

3Dグラフビューア

以下のビューアで、URLからクロールした結果を3Dで可視化できます。

API仕様

POST /api/crawl

URLと深度を指定してクロールを開始。ストリーミングレスポンスで進行状況を受信します。

GET /api/session?id=

セッションの状態を取得。進行中/完了/停止済みのステータスを確認できます。

POST /api/session?id=

セッションを停止。クロールを途中で中断します。