Knowledge Graphについて

このアプリについて

Knowledge Graphは、あなたの知識やアイディアをグラフ形式で視覚化するためのツールです。 情報を単なるリストやノートとしてではなく、関連性を持ったネットワークとして整理することで、 新しい発見や深い理解を促進します。

D3.jsを使用した力学モデル(Force-Directed)グラフにより、 情報間の関係性を直感的に把握できます。

主な機能

  • 知識ノードの作成、編集、削除
  • ノード間の関連性を表すリンクの設定
  • ノードのカテゴリ分類とカラー表示
  • 直感的なドラッグ&ドロップ操作
  • グラフのズーム・パン機能
  • キーワード検索によるノードフィルタリング
  • グラフデータのJSONエクスポート
  • リストビューとグラフビューの切り替え

使い方

  1. ノードの作成:

    「+ 新規ノード」ボタンをクリックして、ノードの名前、説明、カテゴリを入力します。

  2. ノードの編集:

    グラフ上のノードをクリックして選択し、「編集」ボタンを押すか、リストビューの編集ボタンをクリックします。

  3. グラフの操作:

    マウスホイールでズームイン/アウト、ドラッグでパン(移動)、ノードをドラッグして位置を調整できます。

  4. データのエクスポート:

    「エクスポート」ボタンをクリックすると、現在のグラフデータがJSONファイルとしてダウンロードされます。

技術的情報

このアプリケーションは以下の技術で構築されています:

  • Next.js(React フレームワーク)
  • TypeScript
  • D3.js(データ可視化ライブラリ)
  • TailwindCSS(スタイリング)