svgbobrus
Mermaid
svgbobrus | Mermaid | |
---|---|---|
29 | 90 | |
3,726 | 3,605 | |
- | 3.8% | |
6.0 | 9.1 | |
2 months ago | 3 days ago | |
Rust | TypeScript | |
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.
svgbobrus
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
I recently had to draw some diagrams for documenting something. After looking at various Markdown-friendly options I landed on svgbob[1]. I believe it's a superior solution to these kinds of graph drawing tools for Markdown for one specific reason: the code is still readable. When I go to look at a Markdown file I don't always open the output. I will commonly open up a README file in Vim or just cat it to the terminal. In this case diagrams like those in this post is next to useless. I'm not going to read through some complex drawing definitions and try to visualise the results. With svgbob (or Typograms[2] or any of the other similar options) you can still read the Markdown text document and see the diagrams which is great!
Of course this comes with a tradeoff, drawing the diagrams can be a bit of a pain. But I believe this can be solved by a good Markdown editor or editor plugin. Alternatively a spec like this could be converted into an svgbob-compatible diagram.
[1]https://ivanceras.github.io/svgbob-editor/
- How to draw beautiful software architecture diagrams
-
Ascii to svg tool svgbob v0.7.0 is just released with support for drawing arcs in quarter interval
Online playground svgbob-editor is also updated to use the latest version of svgbob. It is however a painfully slow to edit the diagrams from there, so it's better if you draw the diagram somwhere else and paste it to there.
-
Include diagrams in your Markdown files with Mermaid | The GitHub Blog
There’s Svgbob. Plus when it comes to more complex diagrams or graphs where creating the ASCII art by hand in can be quite finicky, there’s a number of tools (including drawing tools) to make creating ASCII art much easier.
-
Explaining Code Using ASCII Art
https://ivanceras.github.io/svgbob-editor/
-
Your one project with rust that you think is one of the best projects you have made.
svgbob
-
Announcing the Kani Rust Verifier Project
Since the post contains ASCII art, let me recommend you svgbob :)
-
New Release: v1.9.0-beta.10 🎉
The app can now render Svgbob code blocks (https://ivanceras.github.io/svgbob-editor).
- Svgbob Editor
- Svgbob Editor – Convert your ASCII diagram scribbles into happy little SVG
Mermaid
- Conquering System Design Diagrams: My Shift to Mermaid.js
- Mermaid Live Editor
- Mermaid Chart, a Markdown-like tool for creating diagrams, raises $7.5M
-
Using Mermaid JS to generate a diagram from Power Automate
Mermaid JS is a tool that lets you create diagrams and charts such as flowcharts, sequence diagrams, Gantt charts using simple text commands. It works by converting your text commands into a graphical representation that you can customize and share. https://mermaid.live/
- 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... )
-
I lost a full day's work thanks to Mermaid.
After hours without being able to solve this problem, I decided to make the chart directly in Mermaid's live editor and export it to PNG and SVG. The big problem is that the letters are still too small, the quality of the PNG is very low, and the SVG only works on the web, not with other applications like PowerPoint and Inkscape.
-
Nomnoml
You can export to PNG and other formats in the Mermaid editor https://mermaid.live/
-
Creating mindmaps with ChatGPT
Copy paste code here: https://mermaid.live
What are some alternatives?
Image-Processing-CLI-in-Rust - CLI for image processing with histograms, binary treshold and other functions
plantuml - Generate diagrams from textual description
svgcleaner - svgcleaner could help you to clean up your SVG files from the unnecessary data.
kroki - Creates diagrams from textual descriptions!
woodpecker - Drill is an HTTP load testing application written in Rust
obsidian-releases - Community plugins list, theme list, and releases of Obsidian.
asciiflow - ASCIIFlow
golang-nextjs-portable - Go program with embedded Next.js app.
imag - imag - Text based personal information management suite
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.
euclider - A higher dimensional raytracing prototype with non-euclidean-like features
wavedrom - :ocean: Digital timing diagram rendering engine