ayush585 / ayush585/edgex

[Feature] AI Knowledge Graph for SmartNotes Component

Open
#52 2 comments 0 reactions 1 assignee Claimed by @swaroop489 View on GitHub
enhancement GSSoC 25 hard
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.