5 ms·
Text to Diagram Tools
- laithshadeed 4y agoSource: https://github.com/terrastruct/text-to-diagram-site https://github.com/terrastruct/text-to-diagram-site
- karmakaze 4y agoAnother ERD diagram site I've used is https://dbdiagram.io/ https://dbdiagram.io/
- MilStdJunkie 4y agoI've been playing with Vega bit lately, because of the support for geo graphs and violin/box/"R Stuff" graphs. Vega is theoretically available in Asciidoctor-diagram, but not everything is supported yet :( Project https://vega.github.io/vega/ https://vega.github.io/vega/ Sandbox https://vega.github.io/editor/#/custom/vega https://vega.github.io/editor/#/custom/vega Geo example https://vega.github.io/editor/#/examples/vega/airport-connections https://vega.github.io/editor/#/examples/vega/airport-connec... Box plot example https://vega.github.io/editor/#/examples/vega/box-plot https://vega.github.io/editor/#/examples/vega/box-plot
- swyx 4y agoi collect these tools for fun! https://github.com/sw-yx/spark-joy/blob/master/README.md#code-based-graph-tools https://github.com/sw-yx/spark-joy/blob/master/README.md#cod... - https://gojs.net/latest/samples/decisionTree.html https://gojs.net/latest/samples/decisionTree.html interactive diagrams - http://blockdiag.com/en/ http://blockdiag.com/en/ - python's diagrams https://pypi.org/project/diagrams/ https://pypi.org/project/diagrams/ - https://structurizr.com/ https://structurizr.com/ - https://github.com/mhlabs/cfn-diagram https://github.com/mhlabs/cfn-diagram visualize cloudformation -> draw.io - https://wavedrom.com/ https://wavedrom.com/ (OSS) - Digital Timing Diagram or Waveform from simple textual description. - way more tools here: https://xosh.org/text-to-diagram/ https://xosh.org/text-to-diagram/
- mlajtos 4y agoHere is one that is missing: https://github.com/mlajtos/moniel https://github.com/mlajtos/moniel
- t0k0l0sh 4y agoDiagrams lets you draw the cloud system architecture in Python code. https://diagrams.mingrammer.com/ https://diagrams.mingrammer.com/
- alixanderwang 4y agowhoa 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.
- yupis 4y agoDo you have any suggestions for creating a time-line?
- tonerow 4y agohttps://flowchart.fun https://flowchart.fun is one option – it has a really straight-forward syntax
- gnabgib 4y agoThis was brought up several times in the D2 thread 9 days ago (626pts, 153 comments)[0], since D2 built this to help showcase their feature set. Lots of the discussion there applies. [0]: https://news.ycombinator.com/item?id=33704254 https://news.ycombinator.com/item?id=33704254
- alexitosrv 4y agoGuys, for computer network representation, graphs mostly, do you have a preference?
- topspin 4y agoWas just looking at BPMN.io tools: a BPMN and DMN diagram rendering engine. Really nice work. Badgeware license though.
- roflyear 4y agoAnyone 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.
- news_hacker 4y agoI 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.
- alixanderwang 4y agohi, 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/changelogs/next.md https://github.com/terrastruct/d2/blob/master/ci/release/cha... https://github.com/terrastruct/d2/pull/259 https://github.com/terrastruct/d2/pull/259
- zdw 4y agoIf you want to integrate both text and freeform diagramming, the diagrams.net tool will support embedding Mermaid: https://www.diagrams.net/blog/mermaid-diagrams 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.
- alixanderwang 4y agoTerrastruct offers this too, with the bonus that the freeform changes get saved to the text: https://youtu.be/EhxVVkxv2Ns?t=128 https://youtu.be/EhxVVkxv2Ns?t=128 (it is a paid product though, whereas diagrams.net is free)
- flanked-evergl 4y agoDiagrams.net also supports plantuml and you can edit them afterwards.
- lowbloodsugar 4y agoAny of 'em do state machines?
- alixanderwang 4y agothey can, but I'd recommend https://stately.ai/ https://stately.ai/ . they are focused on just state machines/charts and does them extremely well.
- lowbloodsugar 4y agoThat looks nice, but I was looking for text to diagram.
- tonerow 4y agoOne option - https://flowchart.fun/n#NoOg5gTgplB2C6ACWB7ALgWgM5oIYTSgBMAoRRAMyjQGMALALkQBsVciBLWMM8xKCBBQQmAUUHDefRNArQsjRAApW7LmACUUxFgCuNGlCxYmoaESQBlfYePbys+YpVtO3DQB7AyaSAbUgDeAL5AA https://flowchart.fun/n#NoOg5gTgplB2C6ACWB7ALgWgM5oIYTSgBMAo...
- omarhaneef 4y agoIf 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)
- delta_p_delta_x 4y agoMissing TikZ and pgfplots. With GitHub Copilot, TikZ just became a lot more discoverable and somewhat nicer to use.