svgbobrus
kroki
Our great sponsors
svgbobrus | kroki | |
---|---|---|
29 | 48 | |
3,701 | 2,609 | |
- | 4.4% | |
6.0 | 8.8 | |
17 days ago | 3 days ago | |
Rust | 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.
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.
- 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.
-
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.
Code
svgbob
- Include diagrams in your Markdown files with Mermaid
-
Technologies I'm Learning in 2022
Fellow Pinoy programmer here. I would say Rust has a bright future ahead. I have a few opensource project in rust as well.
kroki
-
D2 Playground
Pikchr https://pikchr.org/home/pikchrshow is the other general purpose one and older than d2. It is "Source-Code License: 0-clause BSD" as it says on the page.
Someone made it into wasm and put playground for pikchr here https://www.jakethaw.com/pikchr_webassembly_demo/
Can also try pikchr online here on https://kroki.io/#try which is hosting many other text to diagram tools as well.
-
Mermaid Chart, a Markdown-like tool for creating diagrams, raises $7.5M
I use mermaid.js heavily, but plug for Kroki:
“Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, Symbolator, TikZ, UMLet, Vega, Vega-Lite, WaveDrom, WireViz... and more to come!”
- How to draw beautiful software architecture diagrams
-
Nomnoml
If you don't mind my asking, what aspects of "acceptable layout" is usually the first to get busted?
I'm extremely excited about using WireViz[1] to automate wiring harness diagram creation, and if I can, I'd like to know the speedbumps before I hit them. I'm thinkin generous linking between diagrams will be one path.
[1] Project:: https://github.com/wireviz/WireViz SandboxP:: https://kroki.io/#try [select Diagram>WireViz]
-
LaTeX for publishing tabletop role-playing games
The SVG output is embedded into the PDF file.
https://kroki.io/examples.html#mind-map
Kroki has other text-based formats for flow charts, Gantt charts, UML diagrams, packet diagrams, network diagrams, word clouds, etc.
-
Documentation as Code for Cloud Using PlantUML
My cross-platform desktop text editor, KeenWrite, allows users to define variables in an external YAML file. The editor calls out to Kroki[1] to convert text-based diagrams to SVG. The diagrams can reference variables and are rendered using EchoSVG[2].
KeenWrite[3] can produce PDF documentation from Markdown documents that has PlantUML diagrams with elements stored in an external, machine-readable file. Here are screenshots showing variables on the left, diagram text in the middle, and a real-time render on the right:
* https://raw.githubusercontent.com/DaveJarvis/KeenWrite/main/...
* https://raw.githubusercontent.com/DaveJarvis/KeenWrite/main/...
KeenWrite supports all diagrams offered by Kroki, which includes "diagram-plantuml".
[1]: https://kroki.io/
- Pikchr: A PIC-like markup language for diagrams in technical documentation
- MdBook – Create book from Markdown files. Like Gitbook but implemented in Rust
-
Entity Relationship Diagrams
plantuml is amongst the best there is. kroki.io has a sandbox for it mermaid.js can do it in notion, it works as well as any other mermaid. dbvisualizer is fantastic if you have an existing schema in a db instance. you may need the trial license to render the diagrams
-
New ChatGPT diagram plugin
I created a diagramming plugin for fun. This one uses kroki.io to generate diagrams rather than only Mermaid. I've also added a "network" type which gets rendered via networkx and matplotlib on the backend. I would love any feedback if anybody finds it useful or interesting, or issues.
What are some alternatives?
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
plantuml-syntax - vim syntax file for plantuml
plantuml - Generate diagrams from textual description
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
venn.nvim - Draw ASCII diagrams in Neovim
Zettlr - Your One-Stop Publication Workbench
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
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.
obsidian-releases - Community plugins list, theme list, and releases of Obsidian.
Image-Processing-CLI-in-Rust - CLI for image processing with histograms, binary treshold and other functions
svgcleaner - svgcleaner could help you to clean up your SVG files from the unnecessary data.
asciiflow - ASCIIFlow