aasvg
mermaid
aasvg | mermaid | |
---|---|---|
1 | 123 | |
61 | 67,034 | |
- | 1.3% | |
6.4 | 10.0 | |
4 months ago | 5 days ago | |
JavaScript | JavaScript | |
BSD 2-clause "Simplified" License | 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.
aasvg
-
Include diagrams in your Markdown files with Mermaid
> I think so-called ASCII-art is more in the spirit of Markdown.
If you're simply doing a less on a file, then sure. But if you want to do a 'render' on the Markdown and convert it to another format (HTML, PDF) then having a mechanism that can translate ASCII to something graphical could be useful.
In some ways this is what the DOT language does in Graphviz:
* https://graphviz.org/gallery/
> The spirit behind the kind of thing in the OP, on the other hand, is that one should get nicely formatted HTML from Markdown for the purpose of online consumption. Which is a very different goal.
I'm not sure if there's a way to have both ASCII art and it be renderable to graphics. Closest that I could find:
* https://github.com/martinthomson/aasvg
mermaid
-
AsciidocFX: The Asciidoc Editor for documentation and authoring
Mermaid Diagram - Create diagrams using text and code
-
Creating Animated Diagrams for LinkedIn
Mermaid - https://mermaid.js.org/
-
ChatCraft Adventures #13, UI Changes
This is an Issue I opened up for a potential feature. A couple weeks ago, I added nomnoml support to ChatCraft. ChatCraft renders previews for Mermaid and Nomnoml.
-
Building a Mermaid.js Gantt Chart in a FileMaker Web Viewer
Mermaid JS is a powerful JavaScript library that allows developers to create complex diagrams and visualizations using simple text and code syntax. It’s a lot like markdown, but for charts instead of plain text.
-
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?
- Mermaid: Generation of diagrams like flowcharts or sequence diagrams from text
-
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 :-)
https://mermaid.js.org/
-
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.
[0] https://mermaid.js.org/
- Mermaid: Diagramming and Charting Tool
What are some alternatives?
asciitosvg - Create beautiful SVG renderings of ASCII diagrams.
plantuml - Generate diagrams from textual description
markup - Determines which markup library to use to render a content file (e.g. README) on GitHub
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
step-ca-on-rpi - Smallstep Certificate Authority on Rpi4 with Yubikey
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
kroki - Creates diagrams from textual descriptions!
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
mexdown - A lightweight integrating markup language
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams