Diagram.codes extension for Roam Research
Experimental

With the Diagram.codes extension for Roam Research users can easily add diagram blocks using the simple text conventions of the Diagram.codes engine.

Install Extension

  1. Create a new page to store the setup information
  2. In the new page add a new {{[[roam/js]]}} block
  3. A warning button will be displayed. Click on the "Yes I know what I'm doing" button.
  4. Add a nested code block by writing ```
  5. Copy the following code and paste it into the code-block contents:
  6. Refresh Roam

Add a diagram to any page:

  1. Create a new block with the text {{add diagram}}
  2. A list of available diagrams should be displayed, click on one and start editing!
Trial-mode does not expire but you'll see a node with the text "Diagram.Codes Demo Version" in some diagrams. Consider supporting development and obtaining the PRO version.

The full-featured extension for Roam is included as part of the Diagram Codes Cloud Subscription. Also available to users of Diagram.Codes Studio at no additional cost.

Stand-alone version of the extension is also available. Get stand-alone extension for Roam ($12)