nomnoml
mermaid
nomnoml | mermaid | |
---|---|---|
5 | 125 | |
2,647 | 67,593 | |
- | 1.8% | |
5.7 | 10.0 | |
about 2 months ago | about 17 hours ago | |
TypeScript | JavaScript | |
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.
nomnoml
-
ChatCraft Adventures #10
To support nomnoml rendering, I am using the skanaar/nomnoml library. However, my feature is not perfect. For one, sometimes the LLM can return bad nomnoml syntax (at least when using GPT-3.5). Other times, the nomnoml render does not fit within the React Card:
- Ask HN: Anyone use a code to mindmap/flowchart tool?
- Nomnoml
- nomnoml: The sassy UML diagram renderer
-
system design diagrams in Org Mode
Nomnoml?
mermaid
-
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?
- 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/
What are some alternatives?
ob-mermaid - Generate mermaid diagrams within Emacs org-mode babel
plantuml - Generate diagrams from textual description
react-diagrams - a super simple, no-nonsense diagramming library written in react that just works
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
X6 - ๐ JavaScript diagramming library that uses SVG and HTML for rendering.
aws-icons-for-plantuml - PlantUML sprites, macros, and other includes for Amazon Web Services services and resources
grafana-diagram - A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
TOAST UI Editor - ๐๐ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
react-flow - React Flow |ย Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams