More on Mermaid Charts in Visual Studio 2026 | Visual Studio Toolbox buff.ly/CxcorYS #visualstudio #mermaidjs #sqlserver #database

More on Mermaid Charts in Visu...

Finally got sick of my blog's mermaid display so made the GREATEST MERMAID DISPLAY EVAH. With a custom control which lets you export, pan, zoon, get full screen etc. Nicer than GitHub's ugly tumour of a control. https://www.mostlylucid.net/blog/enhancingmermaiddiagramswithpanzoomandexport
#mermaidjs #javascript #markdown

How to Build UML Sequence Diagrams in Angular with Mermaid Syntax buff.ly/ZGtnztq #angular #javascript #webdev #mermaidjs #ref #syncfusion #uml #typescript

How to Build UML Sequence Diag...

SenseFlow

Blog/Images/Code: https://blog.illestpreacha.com/mathober2025digraphsink2

#mathart #mathober #mathober2025 #mathober5 #graph #digraphsink

For my 31st sketch of Mathober2025 (curated by @fractalkitty) graphed in #MermaidJs, SenseFlow takes the prompt of Digraph Sink and uses the Senses as an example as such

#creativecoding #coding
#newmedia #scifi #animation
#math #graph #design #dataviz
#worldbuilding #illestpreacha

TIL: Mermaid markup exists and is supported by GitHub (Cursor's `auto` model put it into an implementation summary report). This is so cool!

1. https://mermaid.js.org
2. https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/creating-diagrams

#MermaidJS #Cursor

What makes Rowan different?
We’re building a local-first agent swarm that logs its own reasoning, visualizes workflows in #MermaidJS, and keeps data sovereignty at the core.
No hidden calls. No opaque systems. Just clarity, ethics, and autonomy — owned by you, not the cloud.
#RowanAI #LocalFirst #AgentSwarm

Mermaid Charts in Visual Studio 2026 | Visual Studio Toolbox with Robert Green & Johan Smarius buff.ly/oe6mF8Z #visualstudio #vs2026 #mermaidjs #javascript #charts #diagrams

Mermaid Charts in Visual Studi...

Ich weiss nie, ob ich #Mermaidjs hassen oder lieben soll. Aber die Integration ins #GitLab Kommentarsystem ist praktisch.

/me baut sich Flowcharts

Mermaid Modal Popup
https://paultraylor.net/blog/2025/mermaid-modal-popup/

#Javascript #Bootstrap5 #Mermaidjs #Htmx

Somehow, this post on my blog for making #MermaidJS sequence diagrams prettier is quite popular and I needed to refer to it myself today. So, ya, if you want prettier #SequenceDiagrams: https://notepad.onghu.com/2024/making-mermaid-sequence-diagrams-prettier-part1/

(I'm reminded I need to work on Part 2)

#Diagramming #Programming

Update: Obsidian looks like it *would* work but currently is broken and doesn’t export Mermaid diagrams correctly, which is a blocker. #Windows #VSCode #Markdown #MermaidJS #OneDrive

Anyone know of a #Windows app or #VSCode extension that allows you to export #Markdown with #MermaidJS charts to HTML or PDF?

I’m having issues with most of the VSCode extensions I tried so far and cannot install Chrome extensions due to company policy.

(Also the #OneDrive previews for Markdown are broken AF.)

So what is your tool of choice for diagramming the network? I want something maintainable and not chained to some proprietary web services. Maybe the best way is to make some #MermaidJS generator from #Markdown since both formats are plain text and supported, but I am not sure no one had this bicycle invented yet.

If I had to explain my job... #IOER_FDz .. I'd just show this workflow from the last two days. It's a great example of building reproducible, automated documentation. 🚀

1. Start: A project schema, drafted by colleagues in Excel.

2. Problem: Excel isn't reproducible and is hard to use as a single source of truth for a database.
Solution: I migrated the schema to the universal Protobuf format, making it version-controlled and language-neutral. [1]

3. Problem: Protobuf definitions aren't easy for everyone to read.
Solution: Using an existing #CI/#CD workflow from [3] (cheers @mcnesium), I put the schema on a documentation website. Now it's accessible and legible. [4]

4. Problem: Colleagues still needed a familiar template for data collection.
Solution: Two Python scripts using #pandas now auto-generates both `.xlsx` and open-source `.ods` schema [5] and templates [6] directly from the Protobuf single-point-of-truth, and make all of these available for download, too.

5. Problem: The text-based schema wasn't visual enough.
Solution: Added a script [7] to the CI that transforms the Protobuf files into a #MermaidJS class diagram, rendered directly on the docs site. [8]

6. Problem: The diagram was too narrow in the site's layout.
Solution: The script now generates a second, wide-format version of the diagram for a dedicated fullscreen view. [9]

7. Problem: The static diagram was hard to edit or restyle.
Solution: The CI now generates a shareable link to the Mermaid Live Editor [10]. It reads our latest diagram file, compresses it (using pako/zlib), and bakes it into the URL. Thanks to a code snippet from a friendly stranger on GitHub [11], anyone can now open the *latest* version of the schema in the editor with a single click.

From a static Excel file to version-controlled, multi-format, visual, and interactive documentation, all fully automated. That's the job.

#Automation #GitLab #Python #Protobuf #OpenData #Documentation

@ioer

[1]: https://gitlab.vgiscience.de/casereports/rwlschema
[2]: https://docs.casereports.fdz.ioer.info/
[3]: https://lbsn.vgiscience.org
[4]: https://docs.casereports.fdz.ioer.info/protobuf/
[5]: https://gitlab.vgiscience.de/casereports/rwlschema/-/blob/main/resources/generate_schema.py?ref_type=heads
[6]: https://gitlab.vgiscience.de/casereports/rwlschema/-/blob/main/resources/generate_template.py?ref_type=heads
[7]: https://gitlab.vgiscience.de/casereports/rwlschema/-/blob/main/resources/generate_proto_uml.sh?ref_type=heads
[8]: https://docs.casereports.fdz.ioer.info/konzept/
[9]: https://docs.casereports.fdz.ioer.info/uml/fullscreen.html
[10]: https://mermaidlive.com/play
[11]: https://github.com/mermaid-js/mermaid-live-editor/discussions/1291#discussioncomment-6837936

Generating and Viewing Mermaid Diagrams with Copilot buff.ly/Iov7yao #visualstudio #githubcopilot #mermaidjs #ai

Generating and Viewing Mermaid...

Generating and Viewing Mermaid Diagrams with Copilot

https://devblogs.microsoft.com/visualstudio/generating-and-viewing-mermaid-diagrams-with-copilot/

#visualstudio #githubcopilot #mermaidjs #ai

Cuối cùng sau một năm "nhảy dù" giữa các ý tưởng, một người đã ra mắt Flow2Chat, một tiện ích mở rộng ChatGPT hiển thị sơ đồ Mermaid.js (lưu đồ, sơ đồ tuần tự, bản đồ tư duy, v.v.) trực tiếp bên trong cuộc trò chuyện.

#SideProject #ChatGPT #MermaidJS #PhátTriểnPhầnMềm #DựÁnCáNhân

https://www.reddit.com/r/SideProject/comments/1nebdzo/finally_shipped_my_first_idea_after_a_year_of/

Hello.

I am looking for a (ideally #opensource) tool to create #agendas for my meetings.

The graphical representation of my agenda would be rendered from a text-based definition.

A bit like #Mermaidjs that has a generator for Ganntt charts, but the result would be an Agenda in the form of a calendar with blocks for elements of the meeting (Welcome, Presentation 1, Break, Presentation 2, Lunch break, etc...).

Do you know of such a tool ?

Reboots welcome 🙂

Trình chỉnh sửa Mermaid Diagram Editor mới ra mắt! 🚀

Một công cụ đơn giản, mã nguồn mở, không giới hạn, không cần đăng ký, không theo dõi để tạo và chỉnh sửa diagrams bằng Mermaid trực tiếp trên trình duyệt. Thích hợp cho dân viết blog kỹ thuật cần tạo nhiều diagrams mà không muốn bị làm phiền bởi các giới hạn của công cụ khác.

#mermaid #diagram #opensource #miễnphí #congcu #mermaidjs #diagrams

https://www.reddit.com/r/SideProject/comments/1n8ujgv/mermaid_diagram_editor/

does anyone know of a tool that lets me draw a project with workflow or class hierarchy, in a UML style view, and then translates that into python template files ready to be filled in? I think a lot of my project supervision would benefit a lot if that kind of initial planning resulted in actual .py files with sensible names, which the students could then work in. Perhaps a #mermaidjs plugin?