Use the Mindmap extension to visualize pieces of your Roam graph as a mindmap.


You could use the Copy Extension button below to individually install this extension. To install, just paste anywhere in your Roam graph and click "Yes, I Know What I'm Doing".

Manual Installation

If the extension doesn't work after using the copy extension button above, try installing manually using the instructions below.

First create a block with the text {{[[roam/js]]}} on any page in your Roam DB. Then, create a single child of this block and type three backticks. A code block should appear. Copy this code and paste it into the child code block in your graph:

var existing = document.getElementById("roamjs-mindmap");
if (!existing) {
  var extension = document.createElement("script");
  extension.src = "https://roamjs.com/mindmap.js";
  extension.id = "roamjs-mindmap";
  extension.async = true;
  extension.type = "text/javascript";

Finally, click "Yes, I Know What I'm Doing".


On any given page, there will be a new "Open Markmap" option from the ... menu on the top right. The option will open a panel on the bottom of the page rendering your page data as a map diagram.

The panel will have three additional buttons on it. The rightmost button could be used to enter and exit full screen. The middle button could be used to refresh the mindmap after editing the page data that you're on. The leftmost button could be used to export the mindmap as a PNG or as a OPML for apps like MindNode.

Shift clicking any node will bring you to that block's page!

For more information on markmap, the tool used to create a mindmap of your Roam data, visit their docs!


To hide the tag characters like #[[]] or [[]] from text in the mindmap, add a block that says Hide Tags to the roam/js/mindmap page.



This extension is brought to you by RoamJS! If you are facing any issues reach out to support@roamjs.com or click on the chat button on the bottom right.

If you get value from using this extension, consider sponsoring RoamJS by clicking on the button below!

A special thanks to those who's contributions also helped make this extension possible:

Rushi Bhavsar
Rushi Bhavsar
Brian Barry
Brian Barry

Other Extensions