WingNews logo WingNews GitHub [2]
top | item 33818511

Text to Diagram Tools

118 points| laithshadeed | 3 years ago |text-to-diagram.com

26 comments

order
[+] swyx|3 years ago|reply
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/

[+] yupis|3 years ago|reply
Do you have any suggestions for creating a time-line?
[+] alixanderwang|3 years ago|reply
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.
[+] alixanderwang|3 years ago|reply
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

[+] news_hacker|3 years ago|reply
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.

[+] zdw|3 years ago|reply
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.

[+] flanked-evergl|3 years ago|reply
Diagrams.net also supports plantuml and you can edit them afterwards.
[+] roflyear|3 years ago|reply
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.

[+] omarhaneef|3 years ago|reply
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)

[+] topspin|3 years ago|reply
Was just looking at BPMN.io tools: a BPMN and DMN diagram rendering engine. Really nice work. Badgeware license though.
[+] roflyear|3 years ago|reply
What are you using BPMN for?
[+] delta_p_delta_x|3 years ago|reply
Missing TikZ and pgfplots.

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

[+] alexitosrv|3 years ago|reply
Guys, for computer network representation, graphs mostly, do you have a preference?