LinkNode is a cinematic, professional network visualizer that transforms your static LinkedIn connections into a living, breathing constellation of opportunities. Explore your professional universe through an interactive, AI-driven graph that uncovers hidden relationships and career clusters.
- 🚀 Cinematic Experience: A high-performance HTML5 Canvas background with a dynamic "Plexus" animation of connecting nodes and professional labels.
- 📊 Relationship Inference: Custom algorithm that scores relationships based on shared companies, similar roles, and connection timelines.
- 🎨 Interactive Graph: Dive into your network with a 3D-feeling 2D graph. Hover to focus, click to explore, and search to find specific nodes.
- 🌑 Premium Design: Sleek dark mode aesthetics with glassmorphism UI, vibrant orange highlights, and smooth Framer Motion transitions.
- 📁 Privacy First: Your data is processed entirely in the user's browser. Upload your LinkedIn CSV and see it come to life instantly without it ever leaving your machine.
- Framework: React 18 + Vite
- Styling: TailwindCSS 4.0
- Animations: Framer Motion
- Data Engine: PapaParse
- Graphics: HTML5 Canvas (Plexus & Graph Engine)
-
Clone the repo:
git clone https://github.com/Rayaanxrio/LinkNode.git cd LinkNode -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Export your LinkedIn Data:
- Go to LinkedIn > Settings & Privacy > Data Privacy > Get a copy of your data.
- Select "Connections" and request the archive.
- Upload the resulting
Connections.csvto LinkNode.
LinkNode doesn't just display a list; it reconstructs your social fabric. By analyzing metadata like:
- Shared Companies: High-strength links between colleagues.
- Industry Roles: Connecting peers across different organizations.
- Connection Windows: Identifying people you met during the same career phase.
For a deep dive into the architecture, check out our Technical Explanation.
Built with ❤️ By Rayaan jalil khan for the future of professional networking.