NotebookLM-Style Mind Map Generator — Tony Myers

A single-file, offline-friendly generator that creates an interactive, NotebookLM-like mind map HTML. Supports building from scratch, importing OPML, or extracting directly from NotebookLM.

Visual Builder
OPML Code
NotebookLM Import

Click a node to select it. Double-click to rename. Use the buttons or keyboard shortcuts to build your map. Images will be stored as embedded data URLs inside the output file.

Keyboard: Enter add sibling   Tab add child   Delete delete   ← outdent   → indent   ↑/↓ move   Esc deselect
How images work
Add image child inserts a standalone image node as a child of the selected node.
Attach image adds an image directly to the selected node, displayed above its text label. Any node including the root can have an attached image.

How document attachments work
Attach document embeds a PDF, Word, or other document file directly into a node. The document data is stored as base64 inside the output HTML, so the downloaded mind map is fully self-contained. Users can download attached documents by clicking the document icon on a node.
Note: Large documents will increase the output file size. A 1 MB PDF becomes approximately 1.33 MB when base64-encoded.

How web links work
Add link attaches a URL (with an optional label) to the selected node. In the downloaded mind map, users can click the link icon on a node to see and open the attached links.
○ Not saved
📁 Drop image or OPML file here
✓ File processed and loaded.
OPML input options:
• Paste OPML code directly into the text area
• Drag and drop an .opml or .xml file onto the text area
• Use the "Load OPML file" button to browse for a file
• Drag and drop images to insert them at the cursor position
Extract mind maps from NotebookLM
This tool uses a bookmarklet to extract the mind map data directly from a NotebookLM page. The extraction reads the internal D3.js data bindings, so it captures the full tree regardless of which nodes are expanded or collapsed.

Drag the button below to your browser bookmarks bar. You only need to do this once.

📋 Extract NotebookLM Map
  1. Open a NotebookLM notebook that has a mind map
  2. Click the Extract NotebookLM Map bookmarklet in your bookmarks bar
  3. The OPML will be copied to your clipboard. A confirmation alert will show the node count.
  4. Paste the OPML into the box below (Ctrl+V or Cmd+V)
Preview
Compatibility note: This extraction relies on NotebookLM rendering mind maps as SVG with D3.js data bindings (specifically g.node.__data__ on the SVG elements). If Google changes how NotebookLM renders mind maps, the bookmarklet may need to be updated. The bookmarklet does not send any data externally — it only reads the page DOM and copies OPML to your clipboard.