Obsidian plugins with #diagram#

The Adamantine Pick plugin allows users to embed and render Pikchr diagrams directly within Obsidian notes. It simplifies the process of generating SVG diagrams from Pikchr code blocks, providing an offline, client-side solution without requiring external installations. The plugin supports advanced customization through CSS styling, enabling tailored visual enhancements for diagrams. It offers features such as importing pre-designed diagram notes, exporting designs, and interacting with other Obsidian plugins for seamless integration. The tool is ideal for users looking to incorporate lightweight, vector-based illustrations into their notes for technical or creative purposes.

The Kroki plugin allows you to render diagrams in Obsidian, using the Kroki server or a custom one. With this plugin, you can easily include various diagram types such as sequence diagrams, flowcharts, and more into your notes. To use it, simply create a fenced code block with the diagram type specified as the language, and add your diagram code inside. The plugin supports multiple diagram types and allows for customization through options.

The Diagrams plugin for Obsidian.md brings the power of visual storytelling to your notes. With this plugin, you can create and insert diagrams directly into your notes or save them as standalone files. The plugin supports SVG files and also recognizes .drawio extensions, giving you flexibility in creating and editing diagrams. You can easily add new diagrams or edit existing ones using intuitive interfaces. This plugin is perfect for those who want to visualize complex information, illustrate concepts, or create flowcharts and mind maps within Obsidian.md.

The Mermaid Popup plugin is a convenient addition to Obsidian, allowing you to display diagrams from various formats such as Mermaid, PlantUML, and Graphviz in a zoomable and draggable popup. With this plugin, you can easily view and interact with your diagrams without taking up too much space on the page. The popup is accessible through a customizable hotkey or by clicking an open button at the top of the screen. You can then use your mouse, touch gestures, or UI buttons to zoom in/out, drag the diagram around, and even close it when you're done.

The Prism plugin renders interactive charts, diagrams, dashboards and formulas inside notes through sandboxed HTML and JavaScript blocks. YAML specifications can generate charts directly from Markdown tables, CSV files or note properties without writing code. Bundled libraries include Chart.js, D3, Mermaid, three.js and KaTeX, with offline rendering and colours that follow the vault's theme. Blocks can query frontmatter, tasks and links across the vault, share slider values or respond to scrolling. Widgets can update their own note after permission is granted. A render command gives AI agents errors with note line numbers and PNG snapshots so they can check their output. Charts also work in Bases, while export options include PNG, SVG and static images for publishing. Network access is disabled by default and requires explicit configuration. Command line rendering requires the desktop app.

The Flowcharts plugin enables users to create and render flowcharts directly within Obsidian notes using `flowchart.js` syntax. It provides an intuitive way to visualize processes, decision trees, and workflows through a dedicated code block format. Users can customize flowchart elements, including line width, font size, colors, and decision path labels, directly from the plugin settings.

The Inline TikZ plugin renders TikZ, CircuiTikZ and PGFPlots diagrams from `tikz` code blocks inside notes, so drawings, circuit schematics and plotted figures can sit beside the text they belong to instead of being managed as separate files. It supports LaTeX package declarations within the block, which allows notes to load extras such as CircuitikZ before the diagram is compiled. Rendered output is stored in a `.tikz-cache/` folder in the vault, and desktop handles compilation and cache generation automatically. That cache can sync through the vault's sync service, including Obsidian Sync. On mobile, diagrams display from the existing cache, so uncached diagrams need to be opened on desktop first.

The Mermaid Zoom plugin adds zoom, pan and resize controls to Mermaid diagrams with separate handling for inline and fullscreen views. It wraps each rendered diagram in a resizable container, supports click and drag panning, pinch to zoom on mobile and quick controls for zooming in, zooming out, reset and fullscreen. Wheel zoom is opt in for each inline diagram so page scrolling still works normally, while fullscreen mode keeps wheel zoom active. The plugin also shows the current zoom level, lets you set a default zoom percentage from 50% to 300% for newly rendered diagrams and caches original SVG dimensions so reset and resize behaviour stays consistent. Zoom range runs from 10% to 500%.

The D2 Standalone plugin renders D2 diagrams directly in your vault using the official D2 JavaScript library. Rendering happens within the app process, without a separate D2 installation or additional setup and works across platforms. Diagrams are written in markdown code blocks marked with the d2 language identifier. A d2-config block inside a diagram lets you select the dagre or elk layout engine, set separate theme IDs for light and dark modes and override theme colours. Sketch options are configured only through the plugin settings. This is an independent community plugin with no affiliation to Terrastruct, the creators of D2. The TALA layout engine is not supported.

The GoBoard plugin renders diagrams for the board game Go (also called Weiqi or Baduk) directly in your notes. You create diagrams using markdown code blocks with a simple syntax to define board size and stone positions. Black and white stones are placed using straightforward position notation. The plugin supports various board sizes and lets you visualize game positions, problems or study patterns without needing external tools. Perfect for Go players who want to document games, create tutorial content or analyze positions within their knowledge base.

The Sankey plugin enables users to create Sankey diagrams directly within Obsidian using simple YAML-based syntax. These diagrams visually represent flows between different entities, making it useful for analyzing processes, energy transfers, financial transactions, or hierarchical structures. Users can define links between nodes, specify values for each connection, and customize node colors for better visualization. If node definitions are incomplete, the plugin automatically infers missing nodes based on link data.

The WaveDrom plugin adds support for rendering WaveDrom diagrams directly within Obsidian. Using a `wavedrom` code fence, users can create timing diagrams and digital waveforms in their notes, enhancing technical documentation and visualization. This integration leverages the WaveDrom library, making it easier to generate and visualize complex timing diagrams without leaving the Obsidian environment.

The Diagrams.Net plugin integrates the diagrams.net online editor into Obsidian, allowing users to create and edit diagrams directly within their notes. This plugin provides full access to the diagrams.net feature set and shape libraries but requires an internet connection. Diagrams are saved as separate files alongside their image representations, enabling easy access and editing in any diagrams.net-compatible editor. The plugin supports moving and renaming diagrams within Obsidian while ensuring both associated files are updated. However, users should manually duplicate files if copying diagrams, as automatic association is not supported.

The D2 plugin enables users to create modern diagrams within Obsidian using the D2 diagram scripting language. By turning text into diagrams, the plugin offers a seamless way to visualize ideas and structures directly in your notes. It supports various layout engines, customizable themes, padding, sketch-like rendering, and other configuration options to enhance the visual appeal of diagrams. Users can create diagrams by using fenced code blocks with the `d2` language tag. This plugin requires a local installation of D2 and allows for additional customization by specifying paths and settings.

The TikZJax plugin enables seamless integration of LaTeX and TikZ diagrams into Obsidian notes, supporting the rendering of complex graphics like graphs, circuits, chemical diagrams, and more. By utilizing the standalone document class and a variety of LaTeX packages, users can create rich visual content directly within their markdown files. The plugin supports TikZ-specific code blocks for defining diagrams and offers compatibility with packages such as chemfig, tikz-cd, circuitikz, and pgfplots. It is a valuable tool for users who want to enhance their notes with mathematically precise and visually detailed diagrams, catering to academic, professional, or personal needs.

The Mermaid Icons plugin fixes Font Awesome icon rendering in Mermaid diagrams and extends support to additional icon sets. While Mermaid natively supports Font Awesome syntax, the icons don't render properly in Obsidian without this plugin. It loads the necessary stylesheets and fonts. Beyond fixing Font Awesome, it bundles popular icon sets like SVG Logos and Lucide icons letting you use them with custom prefixes (`logos:icon-name`, `lucide:icon-name`). A fuzzy search modal triggered by `Cmd+Shift+m` helps you quickly find and insert icons.

The Mermaid Themes plugin allows Obsidian users to customize and apply themes to their mermaid.js diagrams. Users can either provide a complete mermaid theme object or modify specific parts of the base theme, with the plugin merging changes seamlessly. This enhances the visual appeal of diagrams by supporting advanced theming options. Users are required to use an alternative code block label (`merm`) instead of the default `mermaid` to integrate themes. The plugin leverages mermaid.js theming features, providing a flexible way to improve diagram aesthetics in notes.

The Nomnoml Diagram plugin is a game-changer for Obsidian users who need to create diagrams quickly and easily. With this plugin, you can draw nomnoml diagrams directly inside your notes using fenced code blocks or the auto-generated command. The plugin supports nomnoml directives to customize diagram styles, and all diagrams are generated as SVG files that can be exported to PDF. This means you can annotate text nodes in your PDF exports! The plugin is compatible with Obsidian desktop and mobile versions and has been tested on v0.12.15+. Overall, this plugin makes it simple to add professional-looking diagrams to your notes and enhance your workflow.

The MoreDraw for Obsidian plugin integrates a dynamic infinite canvas whiteboard into Obsidian, enabling users to create and edit diagrams such as flowcharts, mind maps, to-do lists, and timetables. With built-in AI capabilities, it simplifies the process of designing visual content. Additional features include a chart maker, QR code generator, and freehand drawing tools. Users can export their work in formats like PDF, PNG, and PPT for broader usability. Some advanced features, such as saving and syncing files, require a MoreDraw account, and certain functionalities may incur a fee.

The Mermaid Beauty plugin restyles existing Mermaid blocks without requiring changes to diagram source. It provides coordinated colour palettes, single hue presets and custom colours that follow the current light or dark theme. Settings cover text size, connector width, corner shape, spacing and fit to width. Styling can share defaults across diagrams, use separate options by diagram type or retain native rendering. Supported formats include flowcharts, sequence diagrams, class diagrams, mind maps and charts. Explicit styles in source take precedence, while conflicting Mermaid renderer plugins should not run together. Rendering stays local, though externally linked images may require a network connection. The bundled renderer is about 5.9 MB, exceeds the 5 MB Obsidian Sync Standard limit and has not been tested on mobile devices.

The Pintora plugin is a powerful tool for creating diagrams directly within the Obsidian editor. With its support for Pintora syntax, users can create intuitive and easily understandable diagrams using a language similar to Markdown. The plugin offers a range of features, including diagram creation, copying, exporting, and linking, as well as customization options such as theme styles and attachment names. Additionally, it provides a responsive size adjustment feature that dynamically adjusts the diagram size based on the original ratio and available space. Overall, Pintora is an excellent addition to Obsidian's plugin ecosystem, providing users with a seamless way to create and manage diagrams within their writing workflow.