Hacker Read top | best | new | newcomments | leaders | about | bookmarklet login

There is an option to draw diagrams with Markdeep: https://casual-effects.com/markdeep


sort by: page size:

Markdeep[0] from Casual Effects has a way of drawing diagrams using extended markdown.

I used it to write this document with two diagrams: https://loan-free-ed.neocities.org

Other tool I like are PlanetUML[1], BoUML[2] and Modellio[3](it is very heavy though on system resources!)

[0] https://casual-effects.com/markdeep

[1] https://plantuml.com

[2] https://bouml.fr

[3] https://www.modelio.org


I just use Markdeep and create the block diagrams that way

https://casual-effects.com/markdeep/features.md.html#diagram...


Markdeep has some very nice features. I love to be able to have more expressiveness than in regular markdown.

But I am not so sure about the diagramming feature. Writing diagrams as ascii art seems like a PITA to me, especially when you need to update a diagram with new shapes, etc.

For this I prefer PlantUML markdown integration: http://plantuml.com

I use VS Code and it has a nice plugin to handle this.


I use Whimsical. https://whimsical.co/

It makes it super simple to create good-looking diagrams, and it can do a lot more than just diagrams too.


Last time I had to embed diagrams I used mermaid js https://mermaid-js.github.io/mermaid/#/ which is made to be rendered alongside markdown. Not sure if your particular diagram is supported but the project has a big community around it so there should be a way.

Not like the example you've given, but for well designed and easy to configure diagrams that can be saved or exported in plain text (e.g. for use in documentation, websites or markdown) I use Monodraw: https://monodraw.helftone.com

For graphical diagrams I use yEd or occasionally draw.io for quick and simple graphical flow charts (online or offline as a gross javascript web frame - but it works well enough and it's free).


I've started using Monodraw[0] recently for creating technical diagrams and really enjoy it.

[0]: https://monodraw.helftone.com


I use Monodraw[1] on my Mac, I really like it because it's ascii rather than image or vector based which makes including the diagrams in markdown really easy.

It also has a really simple UI that allows me to quickly map out my thoughts so I use it for a lot of things.

1. https://monodraw.helftone.com/


I use Markdown Plus. It has a plugin (mermaid) that lets you write some graphs and sequence diagrams in markdown. I find it easier to make updates to diagrams this way. It doesn't make the most beautiful renderings, but works pretty well for me.

I recently discovered https://excalidraw.com/ for informal diagrams that work well in presentations

Seconded, artist mode is great for this stuff.

Separately, check out plantuml for diagrams from text http://plantuml.com/


I love the open source diagrams.com (previously draw.io). I save the files as editable SVG so I can include them directly in markdown READMEs. I use diagrams both to help me design and to show during demos

For simple vector diagrams, I've found https://www.draw.io (similar to MS Visio) to be very convenient. The code is also open source (Apache-2.0): https://github.com/jgraph/draw.io

https://draw.io But dbdiagram.io looks amazingly easy to use. And so are the rest of the suggestions. I also realize that I don't use UML with draw.io:)

DrawIt is useful for simple diagrams.

http://www.vim.org/scripts/script.php?script_id=40


This is nice. Good stuff.

I've always automated my Markdeep[1] documentation's inline PlantUML diagrams with a few scripts here and there (simply looks for .puml files, exports PNG and SVG and hosts everything on a static site), but I've never imagined using a service for supplying the generated output. I want to bounce off this idea somehow.

[1]: https://casual-effects.com/markdeep/


Have you seen PlantUML [1]? You create your diagrams in text in their DSL which is fairly intuitive.

There’s a hosted version of the rendering engine here [2] though it’s easy enough to run locally.

[1] http://plantuml.com/

[2] https://www.planttext.com/


Also, you can use https://collabuml.com to collaboratively build diagrams.

I don't do a lot of diagramming...But I've found Yed[1] to be nice. Free & Cross Platform.

[1] https://www.yworks.com/products/yed

next

Legal | privacy