mdbook-mermaid
mermaid
mdbook-mermaid | mermaid | |
---|---|---|
1 | 123 | |
281 | 67,034 | |
- | 1.3% | |
4.9 | 10.0 | |
24 days ago | 7 days ago | |
Rust | JavaScript | |
Mozilla Public License 2.0 | 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.
mdbook-mermaid
-
Ask HN: What diagrams do you use in software development?
Flow chart, sequence and class diagrams are the ones I use the most in my current job.
In source, I generally use Mermaid[1] as its syntax is easily maintainable and understandable. As our documentation (mdBook) is written in markdown and can render Mermaid via a plugin[2].
When drawing quick diagrams during online communications, I use Excalidraw[3] as it's easy to use and has a nice whiteboard style to it. When I'm with my team (pre-covid), whiteboard or paper did the trick.
[1]: https://mermaid-js.github.io/ [2]: https://github.com/badboy/mdbook-mermaid [3]: https://excalidraw.com/
mermaid
-
AsciidocFX: The Asciidoc Editor for documentation and authoring
Mermaid Diagram - Create diagrams using text and code
-
Creating Animated Diagrams for LinkedIn
Mermaid - https://mermaid.js.org/
-
ChatCraft Adventures #13, UI Changes
This is an Issue I opened up for a potential feature. A couple weeks ago, I added nomnoml support to ChatCraft. ChatCraft renders previews for Mermaid and Nomnoml.
-
Building a Mermaid.js Gantt Chart in a FileMaker Web Viewer
Mermaid JS is a powerful JavaScript library that allows developers to create complex diagrams and visualizations using simple text and code syntax. It’s a lot like markdown, but for charts instead of plain text.
-
ChatCraft Adventures #10
Currently, ChatCraft supports Mermaid rendering. This feature request involves adding support for nomnoml rendering. Nomnoml is similar to Mermaid, in that they're both used in generating uml diagrams.
- Ask HN: Anyone use a code to mindmap/flowchart tool?
- Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
-
Show HN: Marimo – an open-source reactive notebook for Python
Marimo looks and feels great!
Have you considered adding support for mermaid.js in the markdown? I tried including some mermaid.js in a `mo.md` invocation, but it didn't render the diagram :-)
https://mermaid.js.org/
-
Penrose – Penrose
This feels like the LaTeX version of Mermaid.js [0]. I can do anything with it, but I gotta learn a lot of new syntax. So, really cool! Gonna have to dig into this.
[0] https://mermaid.js.org/
- Mermaid: Diagramming and Charting Tool
What are some alternatives?
drawio-desktop - Official electron build of draw.io
plantuml - Generate diagrams from textual description
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
Modelio - Modelio is a modeling solution offering a wide range of functionalities based on the main standards of enterprise architecture, software development and systems engineering.
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
vscode-drawio - This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
egon.io - A tool to visualize Domain Stories in your browser
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams