関係グラフ ライブラリ比較デモ

共通操作: ドラッグ=移動 / ホイール=ズーム / クリック=選択（詳細パネル表示） / ダブルクリック=npmパッケージページを開く
スケール切替: ヘッダーのセレクタで ×1（172ノード）/ ×10（1,720）/ ×100（17,200）を切替。ステータス欄に表示までの実測時間が出ます。×10以上ではラベル・ホバー演出を省略しています
警告: ×100は実装方式の差が大きく出ます。特にD3（SVG実装）の×100はブラウザがクラッシュ同然になることがあります。未保存の作業があるブラウザでは実行しないでください
データ: 比較対象ライブラリ自身のnpm依存関係グラフ。tools/build-graph-from-lock.py でpackage-lock.jsonから自動生成（同じスキーマのJSONなら任意のデータに差し替え可能）
注意: 各ライブラリはCDN（unpkg / cdnjs）から読み込むため、表示にはインターネット接続が必要です