Turn your xAI Grok chat export into an explorable 3D brain. No servers. No tracking. Everything runs in your browser.
Live Demo · Report Bug · Request Feature
You have had hundreds of conversations with Grok. But what does Grok actually know about you?
What Does Grok Know? answers that question by transforming your raw Grok chat export into an interactive 3D neural network — where every conversation is a neuron, every topic is a cluster, and every connection reveals hidden patterns in how you think, work, and create.
This is not just a chat viewer. It is a cognitive mirror.
Drop your Grok export and watch the magic happen
Every conversation is a neuron. Topics form clusters. Connections emerge.
Topic evolution, sentiment analysis, and cognitive patterns over time
Vocabulary richness, question ratios, and code-to-text patterns
GitHub-style activity calendar for your Grok conversations
Facts, decisions, goals, and preferences extracted from your conversations
Full-text search across all your conversations
Read any conversation with syntax highlighting and message threading
- Force-directed graph with physics simulation
- InstancedMesh rendering — handles 1000+ nodes at 60fps
- Topic clustering with color-coded communities
- Interactive nodes — hover for details, click to read
- Multiple color modes — by topic, sentiment, date, or message count
- Breathing animation and hover glow effects
- Topic clustering via TF-IDF keyword extraction
- Sentiment analysis per conversation and per message
- Behavioral profiling — peak hours, model preferences, tool usage
- Cognitive profiling — vocabulary richness, question ratios, code patterns
- Memory extraction — facts, decisions, learnings, preferences, goals
| View | What it shows |
|---|---|
| Brain | Interactive 3D neural network of all conversations |
| Insights | Behavioral, cognitive, emotional, and deep analysis panels |
| Timeline | GitHub-style activity heatmap + conversation timeline |
| Memories | Extracted facts, decisions, goals, and preferences |
| Search | Full-text search with highlighted results |
| Conversation | Individual conversation reader with message threading |
- Glass-morphism UI with frosted-glass cards and gradient accents
- Animated backgrounds with floating orbs and gradient shifts
- Responsive layout — works on desktop and tablet
- Dark mode by default — easy on the eyes, bold on personality
Your data never leaves your browser.
- All processing happens client-side in Web Workers
- Data is stored in IndexedDB (your browser local database)
- No API calls, no tracking, no analytics, no cookies
- No server-side storage — the app is a static Next.js site
- You can verify: check the Network tab — zero external requests after page load
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router, Turbopack) |
| UI | React 19, TailwindCSS v4 |
| 3D | Three.js r173, @react-three/fiber, @react-three/drei |
| Charts | Recharts |
| Animations | Motion (Framer Motion) |
| Storage | Dexie.js v4 (IndexedDB) |
| Analysis | Custom NLP engine in Web Workers |
| Language | TypeScript (strict mode) |
| Linting | Biome |
| Testing | Vitest + Testing Library |
- Node.js 18+ (20+ recommended)
- npm 9+ or pnpm 8+
# Clone the repository
git clone https://github.com/fabianzimber/what-does-grok-know.git
cd what-does-grok-know
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 in your browser.
- Go to x.com/i/grok (or wherever you use Grok)
- Request your data export / download your grok-chats.json
- Drop the JSON file into the app
- Watch your conversations transform into a neural network
npm run build
npm startsrc/
├── app/ # Next.js App Router pages
│ ├── (dashboard)/ # Dashboard layout group
│ │ ├── brain/ # 3D neural network page
│ │ ├── insights/ # Analytics dashboard
│ │ ├── timeline/ # Activity heatmap
│ │ ├── memories/ # Extracted memories
│ │ ├── search/ # Full-text search
│ │ └── conversation/ # Conversation reader
│ └── layout.tsx # Root layout with SEO
├── components/
│ ├── brain/ # 3D visualization components
│ ├── insights/ # Analytics panel components
│ ├── layout/ # Sidebar, header, floating orbs
│ ├── shared/ # Reusable components
│ └── ui/ # Design system primitives
├── lib/
│ ├── context/ # React context providers
│ ├── parsers/ # Grok JSON parser
│ ├── storage/ # IndexedDB via Dexie
│ ├── types/ # TypeScript interfaces
│ ├── visualization/ # Graph layout, color scales
│ └── workers/ # Web Worker analysis engine
└── config/ # Site configuration
# Run development server with Turbopack
npm run dev
# Run tests
npm test
# Run tests in watch mode
npm run test:watch
# Lint and format
npm run lint
npm run format
# Type check
npm run type-check
# Build
npm run build┌─────────────┐ ┌──────────────┐ ┌─────────────────┐
│ Grok JSON │────>│ Parser │────>│ IndexedDB │
│ Export File │ │ (Web Worker)│ │ (Dexie.js) │
└─────────────┘ └──────────────┘ └────────┬────────┘
│
┌──────────────┐ │
│ Analysis │<───────────────┘
│ (Web Worker)│
└──────┬───────┘
│
┌────────────────┼────────────────┐
│ │ │
┌─────┴─────┐ ┌─────┴─────┐ ┌─────┴─────┐
│ Topics │ │ Sentiment │ │ Behavioral│
│ TF-IDF │ │ Scoring │ │ Profiling │
└─────┬─────┘ └─────┬─────┘ └─────┬─────┘
│ │ │
└────────────────┼────────────────┘
│
┌──────┴───────┐
│ 3D Graph │
│ (Three.js) │
└──────────────┘
- Parse — Your Grok JSON export is parsed in a Web Worker
- Store — Conversations and messages are stored in IndexedDB
- Analyze — A second Web Worker runs NLP analysis (topics, sentiment, behavioral, cognitive, memory extraction)
- Visualize — Results are rendered as an interactive 3D neural network using Three.js with force-directed layout
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m "Add amazing feature") - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License — see the LICENSE file for details.
- xAI for building Grok
- Three.js for making 3D on the web possible
- Next.js for the best React framework
- Dexie.js for making IndexedDB bearable
Built with intensity by shiftbloom studio
If this tool gave you an oh-wow moment, star the repo and share it.