ChatGPT Conversation Tree Graph Visualizer

ChatGPT Conversation Tree Graph Visualizer

ChatGPT

v1.25.040+

Product Hunt

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

Chrome Web Store Microsoft Edge Add-ons Mozilla Firefox Add-ons

This extension enhances your ChatGPT experience by providing a dynamic conversation tree graph inside a container that you can resize and move around the ChatGPT website. The graph visually represents the flow of your conversation, showing the sequence of messages and their branching paths. Informative tooltips display message content, version, and sibling count when you hover over nodes in the graph, making it more comprehensible to understand the branching history of the conversation. Additionally, you can zoom and drag the graph itself within the container, allowing for detailed exploration of the conversation structure. This feature is particularly valuable for getting oriented in even the most complexly branched conversations. This extension efficiently checks for new messages and updates the tree and highlights currently visible branch accordingly, without wasting resources when not in use.

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.
Hovering over nodes displays a tooltip: containing the text content, version, and sibling count of the associated message.
Sophisticated update logic: the graph auto-refreshes after specific user interactions and changes to reflect new messages and branches.
Resize and move the container: with the graph - position it anywhere on the ChatGPT website for optimal viewing.
Zoom and drag the graph: within the container for detailed exploration of the chat structure and easy navigation through all branches.
Smooth & efficient performance: integrates well with ChatGPT, updates only at a selected number of changes, conserving resources.
Easily switch the extension, graph, and branch highlight on/off: extensive customization options for appearance, placement, and more.
Ideal for anyone who frequently uses ChatGPT for detailed conversations and wants an efficient way to keep track of the conversation history in a visual format.
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