ChatGPT Conversation Tree Graph Visualizer
ChatGPT Conversation Tree Graph Visualizer - Dynamic & Interactive History Browser Extension
v1.25.020+
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. |
You might also like