O laboratório está aberto! Apresento o The Little Mermaid Editor! (#mermaid #mermaidjs #diagram #web #pwa)
https://raccoon.ninja/pt/post/general/lab-app-mermaid-editor/
O laboratório está aberto! Apresento o The Little Mermaid Editor! (#mermaid #mermaidjs #diagram #web #pwa)

Apresentando o The Little Mermaid Editor, um editor de diagramas Mermaid gratuito, que funciona offline, com pré-visualização ao vivo, abas múltiplas, opções de …

The Lab is open! Here's The Little Mermaid Editor! (#mermaid #mermaidjs #diagram #web #pwa)

Introducing The Little Mermaid Editor, a free, offline-capable Mermaid diagram editor with live preview, multi-tab support, export options, and zero tracking.

I use #mermaidjs diagrams sometimes on my Hugo blog. It came with the theme I had so I learnt to use it. I am not sure when/what caused all my diagrams to all fail on the live site (I just noticed it). I couldn't fix it quickly, so I resorted to using their latest ESM JS via CDN for now.

<https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.14.0>

I always try to serve resources locally, but there are lots of chunk files? I'm not familiar with #Javascript and #ESM

#CDN #jsdelivr it is for now. 🤔

#webdev #hugo

TFW you just dump some test `mermaid.js` in the Nextcloud Notes app for later reference, but you add a ` ```mermaid ` marker because why not.

And it just renders it for you.

EDIT: nice options in the context menu, too!

#selfHosting #homeLab #nextcloud #mermaidjs

I asked "Why Trebuchet?" in the #MermaidJS GitHub discussions, and I got a thorough and interesting answer!

https://github.com/orgs/mermaid-js/discussions/7335#discussioncomment-16233626

#typography

Why Trebuchet? · mermaid-js · Discussion #7335

I'm just curious -- why does every theme (or at least most themes) use Trebuchet MS?

GitHub

Recently learned about mermaid language.
In am intrigued to learn more. Pity your polarion afd in is stuck on Version 21 of drawio so not all Diagramm types are available.

#polarion #mermaid #mermaidjs #drawio

Using #MermaidJS for some diagrams is proving more difficult than I expected.
lucidVIEW my native Avalonia / C#) Markdown Viewer reaches v1. Extends @simoncropp's excellent Naiad Mermaid nuget package with some routing experiments I wanted to play with.
Also adds subgraph support, skinning and other stuff (JUST vibe coded though so not releasing separately 🤓)
Now they're all rendered as native Avalonia vectors so I can do things like showing Data Flow through a Mermaid flowchart (also loads about 90x faster than rendering pngs 😜). Oh and you can save mermaid to a png / svg from the viewer too.
THEORETICALLY X-Plat but I can't test it
https://github.com/scottgal/lucidview/releases/tag/v1.0.1
#csharp #dotnet #mermaidjs #markdown
I find it so curious that #MermaidJS, for whatever reason, uses Trebuchet MS as its default font when rendering graphs — not Arial, the (unfortunately) obvious choice. No matter where one shows up, there’s Trebuchet: gangly and unmistakable. #typography