This is vibe coded software.
Ever wanted to actually see your AI conversations β not just scroll through them?
This tool takes your exported chat history from ChatGPT, Claude, DeepSeek, and other AI apps and turns it into an interactive map you can explore, search, and read.
When you chat with an AI, you often go back and try different responses, rewrite your questions, or branch off in different directions. Most chat apps show this as one long scroll β but it's actually a tree. Some messages have multiple replies. Some threads go deep. Some branch off and go different places.
This viewer shows you that tree as a visual map. You can:
- See the full shape of a conversation at a glance
- Click any message to read it in the panel on the right
- Follow a branch from start to finish β see the full back-and-forth that led to any response
- Search across everything you've ever said or asked β across thousands of chats at once
- Export what you find as a readable document, PDF, or file
Everything runs in your browser. Nothing is uploaded anywhere. Your conversations stay on your device.
You don't need to know anything about code to use this. If you've ever exported your ChatGPT history and wondered what to do with the JSON file β this is it.
- π Researchers and students β find that conversation where you worked through a problem, see how your thinking branched
- βοΈ Writers β revisit brainstorming sessions, compare different directions you explored
- πΌ Professionals β review past AI-assisted work, document conversations for records
- π§βπ» Developers β inspect conversation structure, export for analysis, or browse your history with a better interface
- ποΈ Anyone with a lot of chats β finally make sense of years of conversations
AI conversations are becoming a form of external memory β brainstorming, research, journaling, coding, problem-solving.
But most interfaces flatten those conversations into endless scrolling.
This tool was built to make those conversations navigable again.
ChatGPT: Settings β Data Controls β Export Data. You'll get an email with a ZIP file. Inside is a file called conversations.json.
Claude: Settings β Export Data. You'll get a claude_conversations.json file.
DeepSeek, Grok, Mistral: Each has an export option in settings. Download the JSON file.
Download chatgpt-json-tree-viewer.html from this page and open it in your browser (Chrome, Edge, or Firefox work best). No installation. No account. Just open the file.
Click Load File and select your JSON file, or drag it onto the page. Your conversations appear in the sidebar and the tree map appears in the middle.
Click any dot on the map to select it. The right panel shows you that message. Switch between two tabs:
- Selected Node β just that one message, with its timestamp and which AI model was used
- Branch β the full conversation thread from beginning to end
Each dot is a message. Lines show which messages led to which. Colors show who sent it:
- π΅ Blue β you
- π’ Green β the AI
- β Gray dashed β system messages (usually hidden behind the scenes)
- π£ Purple β other types
When a conversation branches β like when you regenerated a response or tried a different question β the map splits into multiple paths, showing you all the directions it went.
Type anything in the search bar on the left to find messages across your conversations. Matching messages glow on the map and appear as clickable cards. You can search the current conversation or everything loaded at once.
Load as many files as you want β they all appear together in the sidebar. If you load the same conversation twice, duplicates are skipped automatically. If you load an updated version with more messages, it quietly updates the old one.
If your export file is very large (hundreds of megabytes), the app warns you and offers to split it into smaller pieces and import them automatically β no manual work needed.
Click the colored dots in the top-right corner to switch between Dark, Light, Blue, Green, and Purple themes.
The rainbow dot β¦ opens a color editor where you can customize every color β backgrounds, text, accents, and individual node colors. Changes apply live and are saved automatically.
Whatever you're reading, you can save it:
- Copy β copies the text to your clipboard
- Export β downloads as a file (styled HTML, Markdown, or JSON)
- PDF β opens a clean print window. Use your browser's "Save as PDF" to save it. Looks like a proper document with correct fonts and page margins.
- Pop-out β opens the current view in a new browser tab
To save your whole project, use Export All in the top bar. This downloads all your loaded conversations as a single file you can reload later. For very large projects it splits into numbered chunk files automatically.
Works with exports from:
| Platform | How to export |
|---|---|
| ChatGPT / OpenAI | Settings β Data Controls β Export |
| Claude (Anthropic) | Settings β Export Data |
| DeepSeek | Settings β Data β Export Data β Download |
| Grok / xAI | Settings β Export Account Data β Export |
| Mistral AI | Profile β Export your personal data β Le Chat β Export |
| z.AI (GLM / Zhipu AI) | Settings β Dialogue β Export Chats |
| Qwen Studio | Settings β Chats β Export Chats |
The format is detected automatically β you don't need to tell the app which platform it came from.
Is my data safe? Yes. Everything runs inside your browser. No data is ever sent anywhere. When you close the tab, nothing is stored (except your theme and settings, which stay on your device).
Can I use it offline? Yes, once you've downloaded the HTML file. You need an internet connection the first time to load some libraries, but after that it works offline.
Do I need to install anything? No. It's a single HTML file β open it like any other file on your computer.
What if my file is too big to open? The app will warn you and offer to handle it automatically. It can split huge files and import the pieces one by one.
Can I load multiple files at once? Yes. Load as many as you want. The app handles duplicates intelligently.
Can I get back a conversation I accidentally deleted from the viewer? Yes β deleted conversations go to a recovery pool. Right-click any conversation in the sidebar and choose Start Over to restore everything.
| Library | Purpose |
|---|---|
| D3.js v7.9.0 | Interactive tree map |
| marked.js v9.1.6 | Markdown rendering |
| DOMPurify v3.0.6 | Safe content display |
| html2canvas v1.4.1 | Graph image export |
| jsPDF v2.5.1 | PDF support |
Fonts: DM Sans, Literata, JetBrains Mono (SIL Open Font License, via Google Fonts).
MIT β free to use, modify, and share. See LICENSE for details.