[Feature] AI Knowledge Graph for SmartNotes Component
- Dominant language
- JavaScript
- Stars
- 13
- Forks
- 36
- PR merge metrics
- No merged PRs in 30d
Description
## ๐ Feature Proposal: AI Knowledge Graph for SmartNotes Component
---
## ๐ Overview
Enhance SmartNotes with an AI-powered Knowledge Graph that links related concepts across multiple notes.
This will help users discover hidden connections between topics and make revision more effective.
---
## ๐ Context
SmartNotes is already a feature in the existing app โ it lets users paste notes or questions, and the AI generates summaries + tags.
This proposal is about enhancing SmartNotes further by connecting multiple notes into an AI-powered Knowledge Graph.
---
## ๐ฏ What to Build
- Use **`@xenova/transformers`** in the frontend to compute **sentence embeddings** for each note.
- Compare embeddings (cosine similarity) to find relationships between notes.
- Display results as an interactive knowledge graph:
- **Nodes** = individual notes or concepts
- **Edges** = semantic similarity links
- Clicking a node expands its summary and tags
---
## ๐ ๏ธ Implementation Approach (Frontend-Only)
- All computations happen in the browser, no backend required.
- Store notes in React state or optionally in `localStorage` for session persistence.
- Use a library like **react-force-graph** or **vis-network** to render the graph.
- Provide a toggle or separate tab in SmartNotes for "Knowledge Graph".
- Threshold for cosine similarity can be configurable.
---
## โ
Benefits
- Fully free and privacy-friendly (data never leaves the userโs device).
- Makes SmartNotes more than just a summarizer โ it becomes a personal knowledge discovery tool.
- Helps students visualize how different topics connect.
- Opens doors to advanced features like semantic search and automatic topic clustering.
---
## ๐ Files / Areas to Work On
- **Frontend**
- `SmartNotes.jsx` โ add a button/tab to open the Knowledge Graph
- `KnowledgeGraph.jsx` โ new interactive graph component
- Styling/CSS for the graph view
---
## ๐ Dependencies
- `@xenova/transformers` (local embeddings)
- `react-force-graph` or similar for visualization
---
### โ
Impact
- Makes SmartNotes more than just a summarizer โ it becomes a **personal knowledge discovery tool**.
- Helps students visualize how different topics connect.
- Opens doors to advanced features like **semantic search** and **automatic topic clustering**.
---
### ๐ Labels
`feature` `AI` `discussion` `good first major issue` `gssoc'25`
---
๐โโ๏ธ Next Step
Awaiting mentor/team guidance on UI/UX or additional enhancements.
Contributor guide
Assessment
This issue has not been assessed yet.