Knowledge Graphについて
このアプリについて
Knowledge Graphは、あなたの知識やアイディアをグラフ形式で視覚化するためのツールです。 情報を単なるリストやノートとしてではなく、関連性を持ったネットワークとして整理することで、 新しい発見や深い理解を促進します。
D3.jsを使用した力学モデル(Force-Directed)グラフにより、 情報間の関係性を直感的に把握できます。
主な機能
- 知識ノードの作成、編集、削除
- ノード間の関連性を表すリンクの設定
- ノードのカテゴリ分類とカラー表示
- 直感的なドラッグ&ドロップ操作
- グラフのズーム・パン機能
- キーワード検索によるノードフィルタリング
- グラフデータのJSONエクスポート
- リストビューとグラフビューの切り替え
使い方
- ノードの作成:
「+ 新規ノード」ボタンをクリックして、ノードの名前、説明、カテゴリを入力します。
- ノードの編集:
グラフ上のノードをクリックして選択し、「編集」ボタンを押すか、リストビューの編集ボタンをクリックします。
- グラフの操作:
マウスホイールでズームイン/アウト、ドラッグでパン(移動)、ノードをドラッグして位置を調整できます。
- データのエクスポート:
「エクスポート」ボタンをクリックすると、現在のグラフデータがJSONファイルとしてダウンロードされます。
技術的情報
このアプリケーションは以下の技術で構築されています:
- Next.js(React フレームワーク)
- TypeScript
- D3.js(データ可視化ライブラリ)
- TailwindCSS(スタイリング)