draw.io
mermaid
Our great sponsors
draw.io | mermaid | |
---|---|---|
129 | 119 | |
38,177 | 66,157 | |
1.7% | 2.3% | |
8.5 | 10.0 | |
13 days ago | 3 days ago | |
JavaScript | JavaScript | |
Apache 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.
draw.io
-
Monodraw
For anyone who is willing to use a webapp, I like drawio[0]. You can download locally[1] and self host (I just use the python webserver).
While finding the Github, I see they now actually package an Electron application, so that is probably worth exploring[2].
-
Is a fully open-source draw.io possible?
:
The source code authored by us in this repo is
-
Ask HN: Tell us about your project that's not done yet but you want feedback on
There are also mockups with more features, so ignore weird UI at first.
-
Draw.io
> Additional minified JavaScript files and Java libraries are used in this project. All of the licenses are deemed compatible with the Apache 2.0, nothing is GPL or AGPL, due dilgence is performed on all third-party code.
Here's an issue that was opened:
https://github.com/jgraph/drawio/issues/3782
> The file for converting the mermaid code to mxgaph xml is available only in minified version. the unminified version "mermaid2drawio.js" is missing. Please include that.
Answer:
> We do not supply the source to that file.
With such phrasing, for now, I'll consider drawio proprietary with some parts in Apache 2 (even if it's actually the majority of the code).
It might be possible to have a fork with some optional features related to these non provided files removed, if by luck no critical feature is impacted.
Nah, they took the bulk of the renderer behind closed doors a while ago. Behold: https://github.com/jgraph/drawio/blob/dev/src/main/webapp/mx...
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
> you will never know if draw.io will be around in a few years' time.
https://github.com/jgraph/drawio#readme (Apache 2, at least for now)
-
Narrative Game Design
Never heard of Backlight Gem, sounds like a flashlight up your ass... Use this, it's free: https://www.drawio.com/
-
Publicly used computers in Munich?
Just wanted to mention this here. You don't need a PC with lots of resources these days. Anything that can run a browser can also be used to edit images, create graphics, or even resumes. I think with those tools, you could even use a crappy library PC as long as it has a modern browser running.
-
HarvardX CS50's Introduction to Programming with Python
Protip: get draw.io if you want to edit that file. Or just use the online https://www.drawio.com/ (previously diagram.net?)
mermaid
-
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?
-
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 :-)
-
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.
- What website frameworks are used to build these websites?
-
Top 6 tools for text-based UML sequence diagrams
Mermaid is a Javascript-based diagramming tool for rendering many diagram types from Markdown-inspired text definitions and supports sequence diagrams. Mermaid is free and open-source under the MIT license.
-
The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
I'm one of the maintainers of the mermaid-cli project, and unfortunately, no.
Mermaid needs a browser's layout engine to run properly [1], but I haven't yet seen a library that will help us without puppeteer.
And yep, NPM (or another Node.JS package manager) is still needed for installation. I was working on trying to bundle all of mermaid-cli's dependencies (aka Node.JS, puppeteer) into one massive single-file exe last weekend, but it's seems we're blocked by missing features in other packages [2].
If anyone has any ideas on how to implement these things easily, feel free to help-out :) I'm also not a big fan of puppeteer, so I'd love to see a way to go without it.
[1]: https://github.com/mermaid-js/mermaid/issues/3650
[2]: https://github.com/mermaid-js/mermaid-cli/issues/467#issueco...
-
How to Write a Great Readme
I like using mermaid diagrams [1] in readme files and docs.
They're easier to read than plain text explanations for architectural layouts/customer journeys but easier to modify than images and GIFs.
Also natively supported in many flavours of markdown like Gitlab.
-
Creating Better API Architecture Diagrams
UML is just one format for diagram design specifications. Another option is to use a code to diagram tool like Mermaid. Mermaid transforms plain-text (Markdown inspired text definitions in this case) into full-fleshed visual diagrams. Their tool is open-source and written in JavaScript, making it easy to customize if you’re so inclined. Advantages include:
-
Which tools do you use to create diagrams?
MermaidJS
What are some alternatives?
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
plantuml - Generate diagrams from textual description
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
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.
graphviz
drawio-desktop - Official electron build of draw.io
Graphviz - Simple Python interface for Graphviz
HackMD - CodiMD - Realtime collaborative markdown notes on all platforms.