I really like #mermaidjs for diagrams. Embedding your diagram, which you coded up, in a readme is great. What isn't so great is the styling in mermaid. Sometimes it makes interesting choices with subgraph headers and arrow locations...like sticking just right in the middle 🙈

I've been struggling with #documentation for the past few years. For ease of access, my department would like to use MS Word. Ugh.

I'd prefer to use markdown and keep it in a git repo.

I'm going to try #mermaidjs again because of this article. https://jessems.com/posts/2023-07-22-the-unreasonable-effectiveness-of-sequence-diagrams-in-mermaidjs

Even if the document is never read, I can copy and paste a workflow to our html KB.

I'm a simple person. I don't need flashy #architecture diagrams, I just need diagrams that get the point across and don't distract from the message. https://mermaid.js.org is a great tool for doing just that. The fact that I can codify my diagrams and go from idea to diagram so quickly are even more benefits.

#mermaidjs #diagrams #softwaredevelopment

RT @ShadyNagy_
🚀 Just published a powerful guide on using Mermaid for creating stunning diagrams in GitHub Markdown! A huge shoutout to @ardalis and @sadukie for introducing me to this amazing tool.
Check it out: https://shadynagy.com/mermaid-creating-powerful-diagrams-in-github-markdown/

#GitHub #Mermaidjs #markdown #MD

If I use #MermaidJS to create a #SequenceChart of a #RESTfulAPI, is there a set of rules that give more #semantic meaning to it?

When using #MermaidJS diagrams, does any one know how to increase the size of the arrow heads? Mine are extremely tiny for some reason, and hard to see.

I've tried looking all over the internet, and had no luck whatsoever in why mine are so small and what to do about it.

Thanks!

I've been trying to solve this issue for the last couple of hours and I've got no where. No one seems to be trying to do what I am, even though it seems really obvious to me.

So I'm checking if what I am trying to do is possible, and if so, how do I do it:

I am trying to get the CSS of Mermaid diagrams to change depending on the website theme. I am not looking for the CSS to change depending on the browser or operating system being in light or dark mode.

This is because I have a toggle on the website which switches between :root and .dark within the CSS, the user may have a dark themed operating system, but wants to see the website in a light theme (:root).

All I want to do is add two Mermaid CSS sections underneath :root and .dark with the CSS styled accordingly, but this is seemingly impossible as I've tried everything I can think of, and no one else online appears to be doing this either 🤷‍♀️

I'm probably missing something really obvious, but I'm starting to lose mind over this, and really need some help.

Thank you.

#CSS #MermaidJS

and and! My new favorite thing is to write a #MermaidLive #MermaidJS (https://mermaid.js.org/) flow chart for any complex changes and just drop it into a GitHub pull request with a code-block! Super useful for impactful changes. Available since February 2022 https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/

Looking for a way to easily convert your #mermaidjs code into editable diagrams? 🤔💭 Our new #mermaidjs to @drawio converter is the perfect tool for you! Quickly turn your code into stunning diagrams that you can customize to fit your needs. 📊🎨 #diagramming #productivity

I've published a new version of my @eleventy #MermaidJS plugin!

- Pin mermaidJS to v10
- added DOMContentLoaded check around code
- added async attribute to script tag

NPM 👉 https://kevingimbel.github.io/eleventy-plugin-mermaid/

Code 👉 https://github.com/KevinGimbel/eleventy-plugin-mermaid

#MermaidJS #Markdown #ReDoc #DevPortal

Back in 2019, I created a Markdown-based static site with Swagger APIs rendered by ReDoc and diagrams provided by Mermaid. Now, for a fee, Redocly will do the same for you.

https://andrewowen.net/blog/no-budget-developer-portal-2-0/

It's so nice to see your open source code used in the wild.

I just realised there's actually people using my #mermaidJS plugin for #11ty!

https://github.com/KevinGimbel/eleventy-plugin-mermaid/network/dependents

#oss #eleventy #javascript #plugin

While it's not what I'm after, I have stumbled across https://mermaid.js.org/ (which at first sounded promising from a line in the description: "to create and modify diagrams dynamically)

Nevertheless, I may give it a go as it is supported in wiki.js (which I use for our internal KB):

https://docs.requarks.io/editors/markdown#mermaid-diagrams

This was a handy video to watch someone make use of it, too:
https://youtu.be/5RQqht3NNSE?t=669

#mermaidjs #wikijs #knowledgebase

Just tried #mermaidJs in #notion and I love it. I spent quite a long time doing sequence diagrams in draw.io but it took me a couple of minutes to do it with mermaid !

@atmorojo Know you asked for #graphviz but have you tried #mermaidjs? Syntax is a bit more complex, but it does support entity relationship diagrams. https://mermaid.js.org/syntax/entityRelationshipDiagram.html

After stumbling on #mermaidjs I had a lightbulb moment and set out to build my own data model visualizer with #orclapex. Download the sample app to try it on your own schema, and kindly let me know if you find any issues that need resolving. https://diveintoapex.com/2023/01/02/data-driven-diagrams/

Dear #LazyWeb

Is there anything like #PlantUML or #MermaidJs but for circuit diagrams?

i.e. you define the diagram in text and then generate the resulting diagram as an image.

I heard about #mermaidjs months ago but I'm finally integrating it into our #python projects via README files in #azuredevops. This product is great! Goodbye Visio!

https://mermaid.js.org/

#MermaidJs has a beautiful new website!

https://mermaid.js.org/

Like everyone else, I'm finding #chatgpt fascinating, but I also really like this boring use case (I could be biased due to my job 😛)

Speaking of: did you know you can use #LaTeX and #mermaidjs syntax within #markdown on GitHub?? :yeenlook_left: