echosvg
text-to-diagram-site
echosvg | text-to-diagram-site | |
---|---|---|
7 | 27 | |
35 | 378 | |
- | 4.2% | |
8.4 | 6.5 | |
9 days ago | 7 months ago | |
Java | TypeScript | |
Apache License 2.0 | GNU General Public License v3.0 only |
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.
echosvg
-
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/
[2]: https://github.com/css4j/echosvg/
[3]: https://github.com/DaveJarvis/keenwrite
-
EchoSVG: SVG rasterizer library supporting level 4 selectors (Apache 2)
There's a discussion item about the reason for the fork.
- Inkscape 1.2.2 Released
-
EchoSVG: Pure Java SVG renderer with level 4 CSS selectors
EchoSVG is a library for handling Scalable Vector Graphics (SVG) images for various purposes, such as viewing, generation, or manipulation. By leveraging CSS4J, the library supports level 4 CSS selectors and RGBA color values (colors with alpha channel). To my knowledge, there are no other cross-platform, FOSS libraries that can correctly render MermaidJS diagrams outside of a web browser. I've tried Apache Batik, svgSalamander, resvg, rsvg-convert, svglib, CairoSVG, ConTeXt, and QtSVG.
- EchoSVG: Pure Java SVG renderer supporting level 4 CSS selectors
- Pure Java SVG Implementation
text-to-diagram-site
-
Ask HN: Guidelines for making clear architecture diagrams
As far as guidelines, I have spent time looking as well an never came away with a good answer. One useful website for comparing some of the best tools is https://text-to-diagram.com/. My personal favorite is D2. Still lacking a few layout features that I want, but it gets me 90% of the way there. The syntax is great for projects big to small, and it strikes the perfect balance between "create a diagram fast" and "feature rich". But in terms of actual guidelines, I would agree with another user that C4 actually tries to lay out some sort of guidelines.
-
Nomnoml
One of those "text to diagram" contenders did a comparison website (open source) a while back: https://text-to-diagram.com/ (nomnoml isn't in there).
-
Documentation as Code for Cloud Using PlantUML
Community list of comparisons between Text to Diagram tools: https://text-to-diagram.com/
-
The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS
https://text-to-diagram.com/?example=sequence&b=mermaid
-
Is there a tool to visualize related stories, tasks, bugs, etc?
If you can get enough data out of the ticket system, maybe something like https://text-to-diagram.com/ will help.
-
D2 (text-to-diagram language): Introducing Grid diagrams
We made a site to let people compare: https://text-to-diagram.com . (Mermaid maintainers contribute to it)
-
Mermaid Cheat Sheet
I think Mermaid is better than PlantUML to write something quickly.
But D2 looks very promising. I like the simpler and more intuitive syntax.
https://text-to-diagram.com/
-
The truth is, being a sysadmin can be a thankless job. What is something that you have done that your are proud of? AKA Toot your own horn Tuesday.
have you seen https://text-to-diagram.com/ for comparing these flowcharts including mermaidJS and graphwiz as you mentioned and there are a few more there.
-
Generate diagrams programmatically with D2
Yes, it's a limited generator, because it's like 20 lines long and not the point of the article.
If you want to compare Mermaid against D2, take a look at https://text-to-diagram.com. The maintainers of Mermaid have contributed to it.
-
D2: Free, open-source modern language for turning text to diagrams
For a comparison with other popular text-to-diagram tools: https://text-to-diagram.com (the maintainers of Mermaid have contributed to this).
What are some alternatives?
planter - Generate PlantUML ER diagram textual description from PostgreSQL tables
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
css4j - CSS parser with Event and Object Model APIs, a DOM wrapper and a CSS-aware DOM implementation. Written in the Java™ language.
d2-playground - An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.
mdbook-plantuml - mdBook preprocessor to render PlantUML diagrams to png images in the book output directory
mermaid-cli - Command line tool for the Mermaid library
KeenWrite - Free, open-source, cross-platform desktop Markdown text editor with live preview, string interpolation, and math.
d2-vscode - VSCode extension for D2 files.
Wiki.js - Wiki.js | A modern and powerful wiki app built on Node.js
obsidian-graphviz - Graphviz plugin for obsidian md.
AndroidSVG - SVG rendering library for Android
OpenDiablo2 - An implementation of Diablo 2 in AbyssEngine.