Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Mermaid.js Helper (OMH)

francescodicursifrancescodicursi6k downloads

Additional commands for mermaid.js workflow and more.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

An Obsidian plugin to help with mermaid.js graph/flowcharts plus extra commands.

Mermaid commands:

  • > Clean code for Mermaid.js ( [ graph | flowchart ] ):

    Select ONLY the mermaid.js cell of type graph or flowchart and run the command in order to move variable declarations at the top.

  • > Regex for Mermaid.js ( [ style | class ] ):

    Select ONLY the mermaid.js style or class row giving a regex pattern as id

    (eg. style|class /any-regex-pattern/ fill:#f9f,stroke:#333|className)

Extra commands:

  • > Create empty files from list of titles:

    Select a list of names separated by new line and run the command to create those files in the active folder

  • > Create files from sections (H2 as section title)

    Select all sections, each having H2 as title, and run the command to create those files in the active folder

  • > Copy global colorGroups to local graph:

    Set the colorGroups in the global graph view, then open a file and run the command 'Graph view: open local graph'. Finally, in the same active file, run this plugin command and restart Obsidian.

  • > List to link:

    Given a list of strings separated by either line break, comma or comma plus line break, it returns a list of links

    e.g.: a,b,c --> [[a]],[[b]],[[c]]

HealthFair
ReviewCaution
About
Clean Mermaid graph and flowchart code by moving variable declarations to the top, apply regex-based edits to style or class rows, and tidy Mermaid style/class lines. Create empty files from newline lists or H2 sections, copy global colorGroups into a local graph, and convert comma/newline lists into [[links]].
VisualizationChartsEditing
Details
Current version
1.0.0
Last updated
3 years ago
Created
3 years ago
Updates
1 release
Downloads
6k
Compatible with
Obsidian 0.15.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
francescodicursifrancescodicursi
GitHubfrancescodicursi
  1. Community
  2. Plugins
  3. Visualization
  4. Mermaid.js Helper (OMH)

Related plugins

Charts

Easily create interactive charts in your notes.

Mermaid View

Handle Mermaid files as first-class citizens, rendering them fullscreen when opened.

Life Tracker

Capture and visualize the data that matters in your life.

Advanced Tables

Improved table navigation, formatting, and manipulation.

Excalidraw

Visual PKM powerhouse. Create and edit Excalidraw drawings.

Meta Bind

Make your notes interactive with inline input fields, metadata displays, and buttons.

Breadcrumbs

Visualise the hierarchy of your vault using a breadcrumb trail or matrix view.

Advanced Canvas

Supercharge your canvas experience. Create presentations, flowcharts and more.

Maps

Adds a map layout to bases so you can display notes as an interactive map view.

Mermaid Tools

Improved Mermaid.js experience: visual toolbar with common elements and more.