<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Mermaid on Rachid Youven Zeghlache</title><link>https://youvenz.github.io/tags/mermaid/</link><description>Recent content in Mermaid on Rachid Youven Zeghlache</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Thu, 05 Mar 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://youvenz.github.io/tags/mermaid/index.xml" rel="self" type="application/rss+xml"/><item><title>Mermaid Diagrams in Inkscape: Native Extension Setup</title><link>https://youvenz.github.io/blog/2026-03-05-mermaid-diagrams-in-inkscape-native-extension-setup/</link><pubDate>Thu, 05 Mar 2026 00:00:00 +0000</pubDate><guid>https://youvenz.github.io/blog/2026-03-05-mermaid-diagrams-in-inkscape-native-extension-setup/</guid><description>&lt;h1 id="generate-mermaid-diagrams-without-leaving-inkscape--for-academic--technical-illustrators"&gt;Generate Mermaid Diagrams Without Leaving Inkscape — For Academic &amp;amp; Technical Illustrators&lt;/h1&gt;
&lt;p&gt;You&amp;rsquo;re mid-design in Inkscape, and you need to add a flowchart, sequence diagram, or state machine. Right now, your workflow looks like this: switch to a browser, open Mermaid&amp;rsquo;s online editor, create the diagram, export it as PNG or SVG, come back to Inkscape, import it, and hope the formatting survived the conversion. By the time you&amp;rsquo;ve done this three times, you&amp;rsquo;ve lost 20 minutes and broken your creative flow.&lt;/p&gt;</description></item><item><title>Mermaid: Generate Diagrams from Plain Text</title><link>https://youvenz.github.io/blog/2026-03-04-mermaid-generate-diagrams-from-plain-text/</link><pubDate>Wed, 04 Mar 2026 00:00:00 +0000</pubDate><guid>https://youvenz.github.io/blog/2026-03-04-mermaid-generate-diagrams-from-plain-text/</guid><description>&lt;h1 id="stop-fighting-with-diagram-tools--generate-professional-visuals-from-plain-text"&gt;Stop Fighting with Diagram Tools — Generate Professional Visuals from Plain Text&lt;/h1&gt;
&lt;p&gt;You need a sequence diagram for your API docs. Opening Lucidchart or draw.io means the next 45 minutes disappear into dragging boxes, nudging arrows three pixels left, and cursing the auto-layout that keeps &amp;ldquo;helping&amp;rdquo; by rearranging everything. Meanwhile, your documentation deadline isn&amp;rsquo;t moving.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Mermaid&lt;/strong&gt; lets you skip all of that. Write &lt;code&gt;graph TD; A--&amp;gt;B;&lt;/code&gt; in plain text, run one command, and get a publication-ready diagram. No mouse, no layout fights, no design decisions.&lt;/p&gt;</description></item><item><title>Mermaid Ink — Mermaid Diagrams for Inkscape</title><link>https://youvenz.github.io/projects/inkscape-mermaid/</link><pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate><guid>https://youvenz.github.io/projects/inkscape-mermaid/</guid><description>&lt;h2 id="overview"&gt;Overview&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Mermaid Ink&lt;/strong&gt; brings &lt;a href="https://mermaid.js.org"&gt;Mermaid.js&lt;/a&gt; diagram syntax directly into Inkscape. Write a flowchart, sequence diagram, Gantt chart, or entity-relationship diagram in Mermaid&amp;rsquo;s plain-text syntax and render it as fully editable SVG — no browser, no external service.&lt;/p&gt;
&lt;h2 id="supported-diagram-types"&gt;Supported diagram types&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Flowcharts (&lt;code&gt;graph TD&lt;/code&gt;, &lt;code&gt;graph LR&lt;/code&gt;)&lt;/li&gt;
&lt;li&gt;Sequence diagrams&lt;/li&gt;
&lt;li&gt;Gantt charts&lt;/li&gt;
&lt;li&gt;Entity-relationship diagrams&lt;/li&gt;
&lt;li&gt;Class diagrams&lt;/li&gt;
&lt;li&gt;State diagrams&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="installation"&gt;Installation&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;git clone https://github.com/YouvenZ/mermaid_ink
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Requires the &lt;a href="https://github.com/mermaid-js/mermaid-cli"&gt;Mermaid CLI&lt;/a&gt; (&lt;code&gt;npm install -g @mermaid-js/mermaid-cli&lt;/code&gt;).&lt;/p&gt;</description></item></channel></rss>