Lmst

Just released version 3.0.0 of my #11ty mermaidJS plugin! https://www.npmjs.com/package/@kevingimbel/eleventy-plugin-mermaid

#11ty #eleventy #mermaidjs
📌 https://kevingimbel.de/status/1747637804

Lazy Loading the Mermaid Diagram Library | by Rick Strahl. buff.ly/uPb5Xgm #mermaidjs #javascript #webdev

Lazy Loading the Mermaid Diagr...

Lazy Loading the Mermaid Diagram Library | by Rick Strahl.

https://weblog.west-wind.com/posts/2025/May/10/Lazy-Loading-the-Mermaid-Diagram-Library

#mermaidjs #javascript #webdev

I'm trying to graph out some hypotheses that result from a statistical model with #mermaidjs. Trying to do it kinda DAG-style, but I'd really like to be able to visualise the interactions by having arrows from nodes to edges (see issue on GH https://github.com/mermaid-js/mermaid/issues/3425). Do #stats / #rstats people not do this? Or if so, how/where do you make such graphs? Any examples? I had to add the extra arrow manually for now.

A graph showing effects of time of day and behavioural state on duration of idleness, along with behavioural state affecting the effect of time of day on duration of idleness, an interaction effect.

FlowingWords

#NaPoWriMo #NaPoGenMo #distortion #graphing #diagrams

Coded #MermaidJS

Blogpost +Code/Poem:
https://blog.illestpreacha.com/napowrimogenmo2025wordflow

#creativecoding
#poetry
#poem
#NaPoWriMo2025
#NapoGenMo2025
#NaPoWriMo24

WhaleTimeLines

Blogpost: https://blog.illestpreacha.com/napowrimogenmo2025timeline

#NaPoWriMo #NaPoGenMo #packetgraphs #creativewriting

For the 6th poem of NaPoWriMo/GenMo 2025, I decided to use Packet Graphs(Via #MermaidJS) as a way to construct the poems

#Poetry

---
title: "WhaleTimeLines"
---
packet-beta
0-15: "Reading Beyond the Lines"
16-31: "Sandwiched between the times"
32-40: "Covering the oceans floor"
41-50: "rippling through the waves"
51-95: "The oceans waves that pour"
96-108: "The waves as its flows through the core"
109-117: "Adds up more and more"
118-133: "As the whales they swim"
134-145: "Swim along the edges of their fins"
146-172: "ushering in the newer phase"
173-215: "phase into the pace"
216-255: "increments seen in the place"

#creativecoding #poetry #poem #NaPoWriMo2025 #NaPoGenMo2025 #javascript

I built an app to generate story relationships using Mermaidjs

https://github.com/herol3oy/austen

#HackerNews #I #built #an #app #to #generate #story #relationships #using #Mermaidjs

mermaidjs #app #development #story #relationships #visualization

Today's #emacs learning is that I can generate ERDs with #mermaidjs inside #orgmode

An org mode buffer in emacs with a text representation of a database table. There is an inline png in the results from the literate programming block execution

Mermaid Chart VS Code Plugin: Mermaid.js Diagrams in Visual Studio Code

https://docs.mermaidchart.com/blog/posts/mermaid-chart-vs-code-plugin-create-and-edit-mermaid-js-diagrams-in-visual-studio-code

#HackerNews #MermaidChart #VSCode #Plugin #MermaidJS #Diagrams #VisualStudioCode #CodingTools

As a very visual person, I *really* like outputting mermaid diagrams to the console as a means of sanity checking the output or intermediate steps of my python code when processing/working with models & graph-related stuff. Then copy to mermaid\.live

LLMs these days can often help with a rough draft, but if you're not willing to dig in a bit to the mermaid syntax (which differs between diagram types and has some oddities) you're probably going to have a bad time.

#MermaidJS #Diagrams #Modeling

Diagram of a *very* reduced irrigation canal infrastructure model with a main canal, laterals, sublaterals, and turnouts.

Just an example of the MermaidJS output in the console (also saved to file in this case)

I'm excited to be teaching my #DiagramsAsCode with #AI workshop live and in-person at #GOTO #Copenhagen! 🙌

Join me to:
💡 Gain a grounding in #PlantUML, #MermaidJS, and #Structurizr
💡 Understand the tradeoffs of diagrams-as-code and models vs. standard diagrams
💡 Recognise the limitations and useful use cases of using diagrams-as-code with LLMs

https://gotocph.com/2025/masterclasses/545/diagrams-as-code-with-ai?utm_source=Mastodon&utm_medium=Social&utm_campaign=professional&id=CY1fU-wKcG

#softwareDevelopment #softwareDesign #softwareArchitecture #software

One of the most-asked questions for our docs-as-code platform where writers or their teams might be new to git: [https://redocly.com/blog/git-branching-for-docs](https://redocly.com/blog/git-branching-for-docs)

https://lornajane.net/resource/git-branching-strategies-for-docs-projects

Create complex, visual diagrams with text. A smarter way of creating diagrams.

https://www.mermaidchart.com/
#charts #code #editor #mermaidjs #timeline #tools

I'm happy to have helped contribute #mermaidjs support to @SwiftPackageIndex
Now we can display diagrams in our README using markdown
Thanks @daveverwer @finestructure
Check out my example here:
https://swiftpackageindex.com/brightdigit/Sublimation

If you're doing sequence diagrams and considering to use #MermaidJS, here are a couple of posts that will help:
* Migrating from #WebSequenceDiagrams to MermaidJS: https://notepad.onghu.com/2024/migrating-web-sequence-diagrams-to-mermaid/
* Making MermaidJS Sequence Diagrams prettier (Part 1): https://notepad.onghu.com/2024/making-mermaid-sequence-diagrams-prettier-part1/

#DiagramsAsCode #programming

MindsetofABranch

Video: https://youtu.be/ChWW-83sTSM

Submission for #WCCChallenge #Branching

Blogpost: https://blog.illestpreacha.com/wcccbranching

For this week's Creative Code Challenge by @sableraph : "Branching", MindsetofABranch takes the git branching graph from #mermaidjs and shows the pixelated and chaotic process that can occur through ideation with #Hydravideosynth @hydra oplap.org The sound that ties this branching progress is a remix coded composition in #Limut

Poem

When process emerge
Which ones float above the progress?
And which ones makes the ideas submerge
What idea stays on the branch
And sprouts it leaves
Which idea alienates the rest,
And minimise the ability
For the idea to breathe?
Pixelated thoughts
Might happen more, might happen a lot?

#creativecoding #coding #soundscape #worldbuilding
#newmedia #scifi #animation #grap

SankeyPartition

Blogpost for More Images/Code : https://blog.illestpreacha.com/mathober2024partition

Mathober made by @fractalkitty
#mathober #mathart #mathober2024 #mathober5 #mathober30 #commutative #partition

For my fifth sketch of Mathober, Which is coded in #MermaidJs, SankeyPartition will be using the 5th prompt of Mathober 2024: Integer Partition and 30th prompt: Commutative. This is done through the Sankey Diagram, where each curve is representing a different partition that is commutative and additional glitching is created with #Glitchlab.

#Poetry

Partitioning the Connections
Connecting the Partitions
Commutative to the
As these numbers are a community

#creativecoding #coding #dataart
#newmedia #diagram #animation