explaingit

zhaimiaoyizhi/chatmap

Analysis updated 2026-05-18

★ 4TypeScriptAudience · generalComplexity · 2/5LicenseSetup · moderate

TLDR

A browser extension for Edge that turns a ChatGPT conversation into an editable, visual mind map of connected nodes you can navigate, edit, and export.

Mindmap

mindmap
  root((repo))
    What it does
      Maps ChatGPT chat to nodes
      Jump back to source turn
      Editable graph
    Tech stack
      TypeScript
      react-flow
      Browser extension
    Use cases
      Review long chat threads
      Organize research notes
      Export conversation as mind map
    Audience
      Writers
      Researchers
      General users
    Views
      Side panel
      Full page
      Float navigator

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a long ChatGPT conversation into a visual map you can navigate quickly.

USE CASE 2

Edit, tag, and link related parts of a conversation for research or writing.

USE CASE 3

Use AI to auto-summarize nodes and suggest connections between ideas.

USE CASE 4

Export a conversation map as Markdown, SVG, PNG, or ChatMap JSON for later use.

What is it built with?

TypeScriptreact-flowBrowser extension

How does it compare?

zhaimiaoyizhi/chatmap0labs-in/vision-linkarviahq/arvia
Stars444
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderatemoderate
Complexity2/53/53/5
Audiencegeneraldeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Not yet published to an extension store, so it must be built from source or installed as an unpacked developer build in Edge.

MIT lets you use, copy, modify, and distribute this code for any purpose, including commercial products, with only a copyright notice required.

In plain English

ChatMap is a browser extension built primarily for Microsoft Edge that converts your ChatGPT conversations into interactive visual mind maps. Each question and answer exchange in a ChatGPT conversation becomes a node on a graph, making it easier to navigate long threads and see how ideas relate to one another. Once you open ChatMap alongside a ChatGPT conversation, clicking Refresh causes the extension to read the active conversation and lay it out as a connected node map. You can then click any node to jump back to the original ChatGPT message, or interact with the map directly: edit node titles, add tags, write notes, create your own links between related ideas, and hide nodes you don't need. There are also AI powered features that can automatically summarize nodes and suggest semantic links between related parts of the conversation. ChatMap supports three view modes: a side panel that sits beside the ChatGPT window, a full page canvas, and a compact floating navigator. Layouts can be switched between single side, radial, matrix, and two sided arrangements. You can export maps as ChatMap JSON, Markdown, SVG, or PNG, and import them back later. All graph data is stored locally in your browser profile by default. AI features send selected conversation text to a provider you configure yourself. The project is in early preview and not yet listed on the Edge Add-ons or Chrome Web Store, so it must be installed manually from source or a GitHub Release package. It is written in TypeScript and uses react-flow for the node graph interface. The license is MIT.

Copy-paste prompts

Prompt 1
Help me install ChatMap from source and load it as an unpacked extension in Edge.
Prompt 2
Explain how ChatMap turns a ChatGPT conversation into a node map I can edit.
Prompt 3
Show me how to configure an OpenAI-compatible AI provider for ChatMap's summarize feature.
Prompt 4
Walk me through exporting a ChatMap conversation graph to Markdown or PNG.

Frequently asked questions

What is chatmap?

A browser extension for Edge that turns a ChatGPT conversation into an editable, visual mind map of connected nodes you can navigate, edit, and export.

What language is chatmap written in?

Mainly TypeScript. The stack also includes TypeScript, react-flow, Browser extension.

What license does chatmap use?

MIT lets you use, copy, modify, and distribute this code for any purpose, including commercial products, with only a copyright notice required.

How hard is chatmap to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is chatmap for?

Mainly general.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

Alternatives & similar repos