26 comments

[ 3.6 ms ] story [ 66.1 ms ] thread
i collect these tools for fun! https://github.com/sw-yx/spark-joy/blob/master/README.md#cod...

- https://gojs.net/latest/samples/decisionTree.html interactive diagrams

- http://blockdiag.com/en/

- python's diagrams https://pypi.org/project/diagrams/

- https://structurizr.com/

- https://github.com/mhlabs/cfn-diagram visualize cloudformation -> draw.io

- https://wavedrom.com/ (OSS) - Digital Timing Diagram or Waveform from simple textual description.

- way more tools here: https://xosh.org/text-to-diagram/

whoa nice list! (ty for not naming it another awesome-something lol). xosh.org one is what we used as a starting point to find and try out every text-to-diagram tool when we were doing research for D2. i don't think they're maintained anymore, but we included a link to them in our README anyway too.
Do you have any suggestions for creating a time-line?
Guys, for computer network representation, graphs mostly, do you have a preference?
Was just looking at BPMN.io tools: a BPMN and DMN diagram rendering engine. Really nice work. Badgeware license though.
What are you using BPMN for?
Lots of stuff. Lately for certificate management workflows: orchestrating all the people and processes involved in the creation and maintenance of public keys and certificates, renewals, revocations, etc.
Anyone know of a good tool that will generate some annotations in Python code (maybe docstrings??) to similar diagrams?

Googling brings up a few but nothing that looks super promising.

I would love an AI-enabled chat bot that transforms text -> diagrams. Diagram creation could still be a lot easier.

For example: "I want to show that the causes of burnout are the following 5 categories: 1) lack of purpose, 2) community breakdown, 3) ... " -> and then that gets turned into a diagram. Then an update like: "make lack of purpose more prominent" and it increases in size.

I would even settle for a transformer that converts natural language to one of the diagram syntax languages in the OP link.

hi, I'm Alex at Terrastruct and we made this. we just launched D2 last week, where this site was brought up plenty, so I didn't expect this to come up again. happy to answer q's if any.

(we're working on a playground so that this site's examples can be runnable!)

i'll also use this opportunity to plug that this next release of D2 is going to be packed with features/improvements/fixes that came from feedback received on HN from the launch:

https://github.com/terrastruct/d2/blob/master/ci/release/cha... https://github.com/terrastruct/d2/pull/259

If you want to integrate both text and freeform diagramming, the diagrams.net tool will support embedding Mermaid:

https://www.diagrams.net/blog/mermaid-diagrams

They're not editable afterward, but it sometimes comes in handy if you want to render them out as an image for a document/presentation.

Diagrams.net also supports plantuml and you can edit them afterwards.
If only something like this were part of markdown.

(And here on HN, I hope someone is going to say: yes, this vscode extension will add it to markdown)

Missing TikZ and pgfplots.

With GitHub Copilot, TikZ just became a lot more discoverable and somewhat nicer to use.