Trending

#MermaidJS

Latest posts tagged with #MermaidJS on Bluesky

Latest Top
Trending

Posts tagged #MermaidJS

Post image

💡 Mastering Mermaid with #CopilotStudio

Elliot Margot shows how text input can be transformed into #MermaidJS diagrams for processes and workflows using #PowerPlatform.

📺 Watch now → youtu.be/8rMsYOORdKc

1 0 0 0

Discussion on a project rendering Mermaid diagrams as SVGs or ASCII art. Key insights include ASCII's utility in AI-assisted coding & environments without standard rendering. Comparisons to tools like Kroki & PlantUML, plus aesthetics & accessibility, were central. #MermaidJS 1/6

0 0 1 0

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

0 0 0 0
A slightly styled sequence diagram rendered from MermaidJS

A slightly styled sequence diagram rendered from MermaidJS

I think some #LLM and also Google Search have picked up on my post for making #MermaidJS sequence diagrams prettier, and now it's quite a regularly accessed post on my blog!

If you're keen: notepad.onghu.com/2024/making-...

1 0 0 0
Post image

.NET Data December countdown 19:

Generate a cross platform E/R diagram of your database from the command line with EF Core Power Tools (also works in CI/CD pipelines)
#database #sqlserver #postgres #oracle #dornet #mermaidjs
buff.ly/mnWku2n

1 0 0 0
2 git history graphs side-by-side,
the right one having an extra highlighted commit,
with both having a root commit tag
and several commits on 3 branches main, dev & f

2 git history graphs side-by-side, the right one having an extra highlighted commit, with both having a root commit tag and several commits on 3 branches main, dev & f

Tinkering with #revealjs & #mermaidjs,
trying to choose between 2 approaches:
- #pandoc to turn markdown into revealjs
- or directly write html, css & javascript…

1 0 0 0
Post image

💡 Mermaid JS to Dataverse

@luisefreese.bsky.social shows how to turn Mermaid.js ERDs into Dataverse tables, columns, and relationships. Repeatable, secure deployments with Azure.

📺 Watch the demo here → youtu.be/95yX7mwrTx0

#Microsoft365dev #PowerPlatform #Dataverse #MermaidJS #Azure

1 0 0 0
Preview
More on Mermaid Charts in Visual Studio 2026 Erik reviews how you can create Mermaid charts in Visual Studio 2026 and previews support for them in his SQL Database Project Power Tools extension. ⌚ Chapters: 00:00 .NET Conf 2025 teaser…

Visual Studio 2026 will go GA today 🥳 - and it has a LOT of great new features. One of them is built-in support for Mermaid diagrams for database schemas and more - I give an intro in the new episode of the "Visual Studio Toolbox" show
#mermaidjs #visualstudio

2 4 0 0
Preview
More on Mermaid Charts in Visual Studio 2026 Erik reviews how you can create Mermaid charts in Visual Studio 2026 and previews support for them in his SQL Database Project Power Tools extension. ⌚ Chapters: 00:00 .NET Conf 2025 teaser…

More on Mermaid Charts in Visual Studio 2026 | Visual Studio Toolbox

buff.ly/CxcorYS

#visualstudio #mermaidjs #sqlserver #database

0 0 0 0
Preview
How to Build UML Sequence Diagrams in Angular with Mermaid Syntax Build UML Sequence Diagrams in Angular like a pro! Explore Syncfusion Diagram Library, Mermaid integration, customization tips, and export options with real-world code examples.

How to Build UML Sequence Diagrams in Angular with Mermaid Syntax

buff.ly/ZGtnztq

#angular #javascript #webdev #mermaidjs #ref #syncfusion #uml #typescript

2 1 0 0
Post image Post image

SenseFlow

#Mathober2025 #Mathober5 #graph #digraphsink

#Mathober Curation:
@fractalkitty.com

Coded #mermaidjs

Blog/Code/More Images
blog.illestpreacha.com/mathober2025...

#creativecoding #coding #mathematical #math

3 0 0 0
Sequence diagram showing authentication flow between Plugin, Backend, Browser, and Cognito with labeled arrows for requestExternalAuth, auth URL exchange, validateExternalAuthRequest, and user authentication.

Sequence diagram showing authentication flow between Plugin, Backend, Browser, and Cognito with labeled arrows for requestExternalAuth, auth URL exchange, validateExternalAuthRequest, and user authentication.

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

https://mermaid.js.org/

#MermaidJS #Cursor

0 0 0 0
Preview
Mermaid Charts in Visual Studio 2026 Johan shares his thoughts on one of the features coming in Visual Studio 2026. ⌚ Chapters: 00:00 .NET Conf 2025 teaser video 00:38 Welcome 02:00 What is a Mermaid chart? 04:50 Review of demo…

Mermaid Charts in Visual Studio 2026 | Visual Studio Toolbox with Robert Green & Johan Smarius

buff.ly/oe6mF8Z

#visualstudio #vs2026 #mermaidjs #javascript #charts #diagrams

1 1 0 0

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

/me baut sich Flowcharts

1 0 0 0
Post image

Orbivon is now live on SaaS Hub! 🚀

Spreading one step at a time, featuring powerful documentation tools with MermaidJS and PlantUML support.

#saas #buildinpublic #documentation #mermaidjs #plantuml

2 1 0 0
Mermaid Modal Popup mermaidjs is a useful tool where one can turn text into diagrams easily. I have used it on many projects, but have long wanted a way to click on an element and bring up additional information. Using htmx and the bootstrap5 modal api , I have figured out a way to do it.

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

#Javascript #Bootstrap5 #Mermaidjs #Htmx

1 1 0 0
Post image

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: notepad.onghu.com/2024/making-...

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

#Diagramming #Programming

1 0 0 0

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

1 0 0 0
Original post on puz.fun

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 […]

1 0 1 0
The image shows a clean and modern website landing page for "Mermaid to Dataverse Converter", designed in a pink, white, and dark gray color palette.

At the top, there’s a large pink header section with the title and tagline:

Mermaid to Dataverse Converter
Convert Mermaid ERD diagrams to Dataverse solutions with ease

A centered “Get Started” button invites users to begin.

Below, three illustrated sections highlight key features:

Secure – Passwordless authentication using Microsoft Entra ID and Azure Managed Identity.

Easy – Convert Mermaid ERD diagrams to Dataverse with automated validation and a step-by-step wizard.

Open Source – Fully open-source and community-driven; extend and customize freely.

The footer contains documentation links (“Getting Started,” “Local Development,” “Deployment”), social links (GitHub, Blog, LinkedIn, Mermaids), and a note:

Made with ❤️ by Luise Freese 2025. Built with Docusaurus.

It looks like a polished, developer-focused open source project homepage emphasizing security, simplicity, and community.

The image shows a clean and modern website landing page for "Mermaid to Dataverse Converter", designed in a pink, white, and dark gray color palette. At the top, there’s a large pink header section with the title and tagline: Mermaid to Dataverse Converter Convert Mermaid ERD diagrams to Dataverse solutions with ease A centered “Get Started” button invites users to begin. Below, three illustrated sections highlight key features: Secure – Passwordless authentication using Microsoft Entra ID and Azure Managed Identity. Easy – Convert Mermaid ERD diagrams to Dataverse with automated validation and a step-by-step wizard. Open Source – Fully open-source and community-driven; extend and customize freely. The footer contains documentation links (“Getting Started,” “Local Development,” “Deployment”), social links (GitHub, Blog, LinkedIn, Mermaids), and a note: Made with ❤️ by Luise Freese 2025. Built with Docusaurus. It looks like a polished, developer-focused open source project homepage emphasizing security, simplicity, and community.

I made a thing:
mermaid2dataverse.netlify.app

#PowerPlatform #Azure #Docusaurus #MermaidJS #Dataverse

5 0 0 0
Original post on himself.alexanderdunkel.com

If I had to explain my job... @ioer.. 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 […]

0 2 0 0
Preview
Generating and Viewing Mermaid Diagrams with Copilot - Visual Studio Blog Use Copilot Chat to generate Mermaid diagram and preview it in your markdown editor to help visualize complex concepts!

Generating and Viewing Mermaid Diagrams with Copilot

buff.ly/Iov7yao

#visualstudio #githubcopilot #mermaidjs #ai

5 1 0 0
Original post on fediscience.org

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 […]

1 2 0 0
A snippet of a mermaid JS diagram using linkStyle to apply stylistic changes to edges based on the index at which the edge occurs.

A snippet of a mermaid JS diagram using linkStyle to apply stylistic changes to edges based on the index at which the edge occurs.

Trying to style a #MermaidJS diagram by making yes/no edges distinct for internal documentation, and I get this abomination 😭

Yes, if I add a new edge, every single edge with an index greater than whatever I inserted is now off-by-1.

docs.mermaidchart.com/mermaid-oss/...

1 0 0 0
Mermaid Create diagrams and visualizations using text and code.

Mermaid.js is an excellent tool for creating diagrams in Markdown - I'm always impressed by its capabilities.
mermaid.js.org
#mermaidjs

0 0 0 0
Post image

Our #Oracle #Database #Sample Schemas have new and improved ReadMes, including interactive #MermaidJS ER diagrams.

github.com/oracle-sampl...

9 4 0 0

HN discussion on Mermaid: text-to-diagram tool. Covers use cases, integration with platforms (GitHub, Notion), using LLMs to generate diagrams, and the debate on diagram value in software development. #MermaidJS 1/5

0 0 1 0
Preview
@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.

Just released version 3.0.0 of my #11ty mermaidJS plugin! www.npmjs.com/package/@kevingimbel/ele...

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

0 0 0 0
Preview
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…

Lazy Loading the Mermaid Diagram Library | by Rick Strahl.

buff.ly/uPb5Xgm

#mermaidjs #javascript #webdev

1 1 0 0