Mermaid
diagrams
Our great sponsors
Mermaid | diagrams | |
---|---|---|
90 | 110 | |
3,511 | 34,746 | |
4.0% | - | |
9.1 | 6.3 | |
7 days ago | 19 days ago | |
TypeScript | Python | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Mermaid
- Conquering System Design Diagrams: My Shift to Mermaid.js
- Mermaid Chart, a Markdown-like tool for creating diagrams, raises $7.5M
- FLaNK Stack Weekly 22 January 2024
-
LLMs and Programming in the first days of 2024
I'm not OP, but I just ask GPT to turn code or process or whatever else into a mermaid diagram. Most of the time I don't even need to few-shot prompt it with examples. Then you dump the resulting text into something like https://mermaid.live/ and voilà.
-
Open-source drawing tool – Excalidraw
I like excalidraw for live discussions but if I want to make more detailed or better looking diagrams, I really enjoy these two tools:
- For drag-and-drop/WYSIWYG, I really like DrawIO. They have a web version https://app.diagrams.net/ but I strongly recommend the desktop version https://github.com/jgraph/drawio-desktop/releases/
- For text-as-diagram, I think Mermaid wins this by default since GitHub added markdown support for these: https://mermaid.live/ (This was github's announcement https://github.blog/2022-02-14-include-diagrams-markdown-fil... )
-
Nomnoml
You can export to PNG and other formats in the Mermaid editor https://mermaid.live/
-
Sequence diagrams, the only good thing UML brought to software development
with a fancier image for the customer than a box. Try it out at https://mermaid.live (linked from https://mermaid.js.org/)
Or this one, from a service I worked on a couple of years ago:
sequenceDiagram
-
Show HN: Databasediagram.com – Private, Text to Entity-Relationship Diagram Tool
ditto, it's very impressive with all types of mermaid [0] diagrams! even helps w/ styling and formatting tweaks. It's helped me so much with better 'coverage' and maintainability on diagrams for projects I'm working on.
- structural diagram drawing helper plugin
-
Is there an AI that can generate logical diagrams or er diagrams like these?
You can ask it for mermaid code. I just had it generate the following two diagrams, you can input the code into https://mermaid.live to check them out.
diagrams
-
Mastering Matplotlib: A Step-by-Step Tutorial for Beginners
diagrams - Diagram as Code.
- How to draw beautiful software architecture diagrams
-
Pravljenje AWS strukturnog diagrama
Ja sam koristio ovo: https://diagrams.mingrammer.com/
-
Dynamically generate Cloud System Architecture diagram
That’s another option: https://diagrams.mingrammer.com Guessing with IaC done with Pulumi (Python) and this, it could pretty powerful and automatically generated.
- [Golang] Diagrammes comme code avec Go?
- Network diagram Tool
-
Top 7 diagrams as code tools for software architecture
Diagrams allow you to draw cloud system architectures using Python code.
-
Do you like to draw while explaining stuff?
I use excalidraw a lot for short conversations. If I have to go into major detail I use diagrams https://diagrams.mingrammer.com
- Tools to use to make high level Architecture diagrams
-
Diagrams as Code with go?
Any codebase out there, written in go, that offers somewhat same philosophy as https://github.com/mingrammer/diagrams? TLDR; Generate photographic diagrams from code.
What are some alternatives?
plantuml - Generate diagrams from textual description
kroki - Creates diagrams from textual descriptions!
c4-draw.io - Draw.io template/diagram containing C4 Model shapes. Drawio Diagrams.net
Graphviz - Simple Python interface for Graphviz
obsidian-releases - Community plugins list, theme list, and releases of Obsidian.
golang-nextjs-portable - Go program with embedded Next.js app.
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
DrawThe.Net - drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
pygraphviz - Python interface to Graphviz graph drawing package
vscode-drawio - This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown