post for mermaid.js

Had to pin the kindly version, as beta53 doesn't seem to include the
correct version.

Author: emil0r

deps.edn

@@ -14,6 +14,7 @@
   org.scicloj/clay                            {:mvn/version "2-beta53"
                                                #_#_:git/url "https://github.com/scicloj/clay.git"
                                                #_#_:git/sha "b5ebd1a98d7deba6c165a72077ffa08554f4c93a"}
+  org.scicloj/kindly                          {:mvn/version "4-beta19"}
   org.eclipse.elk/org.eclipse.elk.core        {:mvn/version "0.10.0"}
   org.eclipse.elk/org.eclipse.elk.graph       {:mvn/version "0.10.0"}
   org.eclipse.elk/org.eclipse.elk.graph.json  {:mvn/version "0.10.0"}

src/scicloj/clay/mermaid.clj

@@ -0,0 +1,30 @@
+^{:kindly/hide-code true
+  :clay             {:title  "Mermaid.js"
+                     :format [:quarto :html]
+                     :quarto {:author      :emilbengtsson
+                              :description "Use mermaid.js from within clay"
+                              :type        :post
+                              :date        "2025-09-05"
+                              :image       "mermaid.png"
+                              :category    :clay
+                              :tags        [:clay :workflow]}}}
+(ns scicloj.clay.mermaid
+  (:require [scicloj.kindly.v4.kind :as kind]))
+
+
+;; ## A picture is worth a thousand words
+
+(kind/mermaid "flowchart LR
+ Concept --> easy{Easy to understand?}
+ easy -->|Yes| Understanding
+ easy -->|No| Diagram
+ easy -->|No| wall(Wall of text)
+ Diagram --> Understanding
+ wall -->|Didn't get it| Concept
+ wall -->|Finally| Understanding")
+
+;;
+;; With [mermaid.js](https://mermaid.js.org/) you can now use words to generate
+;; a picture. One of the trickier aspects in explaining complex ideas/concepts,
+;; is the infliction point where words start to pile up towards dizzying heights
+;; and you lose sight of what what you wanted to communicate.