ChatGPT Conversation Tree Graph Visualizer

ChatGPT Conversation Tree Graph Visualizer

ChatGPT

v1.2Featured5.040+

Product Hunt

Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

This extension enhances your ChatGPT experience by adding a dynamic conversation tree graph, visually mapping out chat history with branching paths and live updates. See how messages evolve in real-time, with the currently visible branch highlighted for easy navigation. Hover to view messages and click to copy instantly. Ideal for managing deep discussions or multiple conversation threads, it offers advanced features and customization tools to keep you organized and focused.

Dynamic Conversation Tree: Visualizes chat history with distinct icons for user & assistant, showing the sequence & branching paths live.
Highlights Visible Branch: Highlights the currently visible branch in red, helping you stay oriented in long threads.
Hover Over Nodes for Tooltips: Displays a tooltip containing the text content, version, and sibling count of the associated message.
Customizable Options: Easily switch the extension, graph, and branch highlight on/off with a wide range of customization options.
Resize and Move the Container: Position the graph anywhere on the ChatGPT website for optimal viewing & adjust its location to suit your workflow
Zoom and Drag the Graph: Explore the chat structure in greater detail, and smoothly navigate through all branches for easy exploration.
Sophisticated Update Logic: The graph auto-refreshes after specific user interactions and changes to reflect new messages and branches.
Smooth & Efficient Performance: Integrates seamlessly with ChatGPT, updating only on key changes to conserve resources.
Perfect for: frequent ChatGPT users needing an efficient and organized way to track detailed conversation history visually.

What Users Are Saying

Reviews from Chrome Web Store, Product Hunt, and more.

“An excellent and much-needed tool. As an improvement, it would be nice to be able to click on an icon in the tree, and then be taken to the corresponding message.”

Steven Van Vaerenbergh
10 Sept 2024

“Hi! this seems like a potentially very useful extension,however when i open the chat interface on Openai, it doesnt show the pop up? how do i get the conversation tree to apear?”

WilsenPS
5 Oct 2024

“”

Rui Chen
1 Nov 2024
The graph and highlighted branch are updated every time:
The tree container is toggled visible
User clicks the "Update Tree" button
Conversation is switched and the URL changes
Visible branch of conversation or message version changes
Changes in the DOM indicating new messages in the chat
Additional periodic updates based on user settings (reserve)
Added buttons to top-right of ChatGPT
Toggle visibility of graph container
Manually initiate update of the graph
Popup Settings
Enable Conversation Tree Graph
Highlight the currently visible branch
Additional recurring refreshing
Display tooltip message information
Save longer fragments of messages
Use a compact layout with short links
Use the default glass-like background
Enable resizing of the graph container
Allow dragging of the graph container
This extension does not collect, store, or transmit any personal data from users. All data related to the extension's functionality is stored locally on the user's device and is not shared with any third parties. The extension uses local storage to save user preferences settings and conversation data, ensuring a personalized experience each time it is used. No information is sent to external servers, and all processing occurs on the user's device.
Host Permissions: The extension requires host permissions for the ChatGPT website to interact with its DOM elements. This interaction is essential for extracting message data, inserting visualization elements, monitoring new messages, toggling the visibility of the graph container, and updating the conversation tree graph. No data is collected or transmitted from the user's browsing activity.
Storage: The extension requires storage permission to save user settings locally, including enabling/disabling the conversation tree graph, tooltip settings, update intervals, and customization options for appearance and placement. This ensures a personalized experience, with preferences like tooltip visibility, container resizing, and background styles stored locally.
Note: The 'additional periodic updates based on user settings' feature (➏) was implemented before updates were triggered by changes in the DOM indicating new messages in the chat (➎). Essentially, it is a leftover from earlier versions. Given that primary user interactions (➊-➎) generally keep the graph and active branch highlight up-to-date, this feature is now mostly redundant.
Background image by Freepik

You might also like

Project 2
Project 3
Buy me a coffee