D2: A new declarative language to turn text into diagrams

• c4-notation

  125 25 10.0

  Technical resources for using the C4 model for visualizing software architecture.

  

> Mermaid, Graphviz, PlantUML which are all open source, locally runnable, etc

And there's C4 Model for Visualising Architecture [0] that has upcoming tool support, for instance Structurizr DSL [1]. It has an online editor [2] that can export to Mermaid, PlantUML and other formats. And has various open source repo's, like this Java codebase for the DSL itself [3].

[0] https://c4model.com/

[1] https://structurizr.com/help/dsl

[2] https://structurizr.com/dsl

[3] https://github.com/structurizr/dsl

• java

  34 948 8.9 Java

  Structurizr for Java (by structurizr)

  

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• feedgnuplot

  16 698 5.1 Perl

  Tool to plot realtime and stored data from the commandline, using gnuplot.

Is there a declarative language or framework to create ad-hoc GUIs that consume structured data from stdin stream and spit-out a GUI?

Like feedgnuplot [1] but not only restricted to graphs.

[1] https://github.com/dkogan/feedgnuplot

• plantuml

  123 9,562 9.5 Java

  Generate diagrams from textual description

  

• flowchart-fun

  60 3,000 8.8 TypeScript

  Easily generate flowcharts and diagrams from text ⿻

  

It won't work for every use case but https://flowchart.fun is one open-source alternative

• d4

  2 818 10.0 JavaScript

  Data-Driven Declarative Documents

• d3

  277 107,600 8.4 Shell

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• Mermaid

  90 3,539 9.1 TypeScript

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

  

• mermaid

  122 66,838 10.0 JavaScript

  Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

  

there are a few of these tools but https://news.ycombinator.com/item?id=31273777 was a recent reference to https://mermaid-js.github.io/mermaid/#/

• kroki

  49 2,669 8.8 JavaScript

  Creates diagrams from textual descriptions!

  

I use https://github.com/yuzutech/kroki in my github actions to build plantuml and other diagrams.

Also playing with 11ty and this to replace our home grown tooling based on markdown with embedded dot.

• plantuml-markdown

  1 88 10.0

  Example project showing how to use PlantUML and embed UML diagrams into a GitHub markdown

• dagre

  8 4,268 8.8 JavaScript

  Directed graph layout for JavaScript

  

Terrastruct engineer here. The visualization will be open source though I can't say for sure yet whether it'll be with our layout algorithm or with https://github.com/dagrejs/dagre.

Suggest a related project