mermaid
Graphviz
mermaid | Graphviz | |
---|---|---|
127 | - | |
68,184 | 1,587 | |
1.7% | - | |
9.9 | 8.1 | |
7 days ago | about 1 month ago | |
JavaScript | Python | |
MIT 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.
mermaid
-
Code Diagrams - 3 Tools to Try
Mermaid is a JavaScript-based diagramming and charting tool that makes it easy to create diagrams from text descriptions. It's particularly useful for generating flowcharts, sequence diagrams, and class diagrams.
-
Show HN: Unforget, the note-taking app I always wanted: offline first, encrypted
I'm always on a quest for a better structured knowledge storage, and while I usually stay away from electron apps / desktop JS, I see that the most experimentation comes from them.
Since it's a JS application, have you considered supporting Mermaid diagrams? While heavy, Joplin is my goto for notes these days because Mermaid syntax has been a game changer compared to simple markdown.
https://mermaid.js.org/
-
Integrate Ory in a NestJS application
To visualize the user flow for the CatFoster project, we will create a series of diagrams using Mermaid to illustrate the different user interactions within the system. These interactions include signing up and signing in, creating a cat profile, updating and deleting their cat profiles, requesting to foster a cat, and approving fostering requests.
-
Show HN: Collaborative, text-based technical diagramming tool
There is no documentation of the syntax. How is this different from MermaidJS[1]?
[1]https://mermaid.js.org/#/
-
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?
Graphviz
We haven't tracked posts mentioning Graphviz yet.
Tracking mentions began in Dec 2020.
What are some alternatives?
plantuml - Generate diagrams from textual description
matplotlib - matplotlib: plotting with Python
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
plotly - The interactive graphing library for Python :sparkles: This project now includes Plotly Express!
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
diagrams - :art: Diagram as Code for prototyping cloud system architectures
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
pydot - Python interface to Graphviz's Dot language
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
bokeh - Interactive Data Visualization in the browser, from Python
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
PyQtGraph - Fast data visualization and GUI tools for scientific / engineering applications