Nomnoml

1. obsidian-nomnoml-diagram

   1 2 56 4.4 TypeScript

   Obsidian Plugin for nomnoml diagram

   

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. text-to-diagram-site

   2 29 501 5.7 TypeScript

   Compare syntax, layouts, outputs between languages for generating diagrams with text.

   

   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).

4. d2

   3 99 20,571 9.8 JavaScript

   D2 is a modern diagram scripting language that turns text to diagrams.

   

   That site is created by the maintainers of D2[1], so it might be biased, but I still think D2 has the friendliest syntax of the bunch, including nomnoml.

   [1]: https://d2lang.com/

5. nomnoml

   4 5 2,771 6.3 TypeScript

   The sassy UML diagram renderer

   

6. mitta-screenshot

   5 2 2 1.1 JavaScript

   Mitta's Chrome extension for saving the current view of a website.

   

   This could be rewritten to save locally or an endpoint you run: https://github.com/kordless/mitta-screenshot. The code is in background.js. Just fullscreen the graph then click the icon.

7. Mermaid

   6 101 4,992 9.6 TypeScript

   Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.

   

   You can export to PNG and other formats in the Mermaid editor https://mermaid.live/

8. mermaid-cli

   7 10 3,012 8.6 JavaScript

   Command line tool for the Mermaid library

   

9. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

10. asciiflow

    8 55 5,033 6.9 TypeScript

    ASCIIFlow

    

    > 7. You can put them in the source where they are relevant.

    > Got a hairy state machine? Stick a comment at the top with something like nomnoml's syntax and anyone can follow what's going on without having to trace through the code.

    For that use-case a markup graph language is a poor solution. Use https://asciiflow.com instead to produce something that people can digest without needing a third-party tool that may not even exist anymore.

11. WireViz

    9 16 4,607 6.7 Python

    Easily document cables and wiring harnesses.

    

    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]

12. kroki

    10 53 3,238 9.0 JavaScript

    Creates diagrams from textual descriptions!

    

    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]

Suggest a related project