kevin ⁂ (he/him)5d ago

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

@kevingimbel/eleventy-plugin-mermaid

Display graphs using the Mermaid JavaScript library. Latest version: 3.0.0, last published: 4 minutes ago. Start using @kevingimbel/eleventy-plugin-mermaid in your project by running `npm i @kevingimbel/eleventy-plugin-mermaid`. There are no other projects in the npm registry using @kevingimbel/eleventy-plugin-mermaid.

npm
Alvin AshcraftMay 12
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

The Mermaid library is a large beast, and if you're using it selectively in your Web content you probably want to make sure you don't load it unless you actually need it, due to it's download footprint and load time. If you're loading Mermaid with server only code it's pretty straight forward, but if you use it on the client there you may want to delay loading the library until you actually need to display a diagram.

Alvin Ashcraft 🐿️May 12

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

Lazy Loading the Mermaid Diagram Library

The Mermaid library is a large beast, and if you're using it selectively in your Web content you probably want to make sure you don't load it unless you actually need it, due to it's download footprint and load time. If you're loading Mermaid with server only code it's pretty straight forward, but if you use it on the client there you may want to delay loading the library until you actually need to display a diagram.

Mikkel Roald-ArbølMay 9
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.
Pointing to a line · Issue #3425 · mermaid-js/mermaid

Hi. I am a big fan of mermaids and as a graduate student I want to do research with quantitative research methods. At first I thought I thought I could draw a research model with mermaids, but I fo...

GitHub
illestpreachaApr 29

FlowingWords

#NaPoWriMo #NaPoGenMo #distortion #graphing #diagrams

Coded #MermaidJS

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

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

illestpreachaApr 12

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

Hacker NewsApr 9

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

GitHub - herol3oy/austen: 📚 discover story relationships

📚 discover story relationships. Contribute to herol3oy/austen development by creating an account on GitHub.

GitHub
MClareApr 6
Today's #emacs learning is that I can generate ERDs with #mermaidjs inside #orgmode
Hacker NewsApr 2

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

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

<p>The Mermaid Chart VS Code Plugin is a powerful developer diagramming tool that brings Mermaid.js diagramming directly into your Visual Studio Code environment. Whether you’re visualizing software architecture, documenting API flows, fixing bad documentation, or managing flowcharts and sequence diagrams, this plugin integrates seamlessly into your workflow. Key Features of the Mermaid Chart VS Code […]</p>

Jack Linke 🦄Mar 6

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