Hello fellow devs. Just wanted to share a new feature we added this morning, though it's very alpha stage (already someone's filed a github issue for it hah)
So from TFA it just downscales from ELK? Do I have to specify ELK for this to work, or will it automagically enable if I try to output a .txt? (Really I'm just curious becasue I use ELK already for most of my d2 diagrams).
I thought your playground wasn't working as it renders black text on black background. Maybe I have darkmode enabled or something. Other renderers work, but ascii is invisible.
I maintain a list of browser based text to diagram tools (which I have shared a number of times here). I recently realised that the online version of D2 does NOT work solely in browser, diagram's are generated by backend servers.
Can D2 work in browser by itself? Does the extension mentioned in the post work offline? (lots of tools do)
Check out the network tab in the d2 playground. It's powered by d2.js, a wrapper around a wasm port of d2, which we've recently been working on. Not super officially ready yet but soon to be, and will be a separate announcement.
I hadn't heard of D2, but I love the idea that I can create my charts directly in Neovim in the terminal to get a rough draft, and do a final render with a pretty picture.
Llm to text to diagram is the killer workflow these days.
The key challenge is making these things presentable. Optimizing them for human editability is a secondary concern at this point. This is where a lot of these tools fall apart.
> Llm to text to diagram is the killer workflow these days.
It's useful, but I think only marginally. When using a diagrams-as-code tool, having an LLM write it for you gets you up and running faster, but long term you have more control (and no hallucinations) just writing the code yourself. It'll probably be fewer keystrokes in the end. Doubly so if your diagrams-as-code tool has decent autocomplete.
i think d2 looks sick , and i'm not op, but i do love just describing my system and telling the LLM to draw it. so having it "draw" d2 seems like a great new step?
when you want to make changes, you update your docs/design and repeat. think system design interview but you skip drawing it yourself at all and then sanity check your own work by interpreting the resulting graph etc
Hello fellow devs. Just wanted to share a new feature we added this morning, though it's very alpha stage (already someone's filed a github issue for it hah)
If you want to skip the blog post and poke around directly: https://play.d2lang.com/?script=qlDQtVOotFLIyFTwSEzOTi1S8Est...
For a bigger example: https://play.d2lang.com/?script=rJJBjtswDEX3OgWBrm2kzU4Feoru...
So from TFA it just downscales from ELK? Do I have to specify ELK for this to work, or will it automagically enable if I try to output a .txt? (Really I'm just curious becasue I use ELK already for most of my d2 diagrams).
It switches to ELK: https://github.com/terrastruct/d2/blob/master/d2cli/main.go#...
I thought your playground wasn't working as it renders black text on black background. Maybe I have darkmode enabled or something. Other renderers work, but ascii is invisible.
Ah right, forgot to test the update with dark mode. Thanks for letting me know!
edit: fixed
I maintain a list of browser based text to diagram tools (which I have shared a number of times here). I recently realised that the online version of D2 does NOT work solely in browser, diagram's are generated by backend servers.
Can D2 work in browser by itself? Does the extension mentioned in the post work offline? (lots of tools do)
It does now! (As of a week ago)
Check out the network tab in the d2 playground. It's powered by d2.js, a wrapper around a wasm port of d2, which we've recently been working on. Not super officially ready yet but soon to be, and will be a separate announcement.
~~May I see that list, please?~~
Edit: found it! Thanks.
https://xosh.org/text-to-diagram/
Thanks for sharing. Looking at the first section- official mermaid playground supports both ui and text editing. It's been a life changer.
This is awesome.
I hadn't heard of D2, but I love the idea that I can create my charts directly in Neovim in the terminal to get a rough draft, and do a final render with a pretty picture.
I will be playing with this shortly.
D2 already supports a live-updating HTTP server serving a live-updating .svg, so if you tile a browser with vim, you can already get live-updates.
I discovered D2 about a year ago, and I use it for all of my diagrams now.
Yeah but that doesn't feel nearly as nerdy and cool :)
There's a sort of elegance to ASCII rendering.
I typically use Moondraw for ASCII diagrams but this is pretty great for when you're already in Vim.
This will be super helpful for saving context feeding architecture diagrams to LLMs.
This looks cool. And I saw the previous post you got C4 support! I'm just about to do some C4 things; I'll check it out.
The vim extension is such a flex...
Yeah, but weird/unfortunate that it's written in vimscript.
How on earth can it be weird that a vim extension is written in vimscript?!
Well imagine a Java extension being written in Javascript...
I’ve been using d2 for sequences diagrams or migration diagrams and I like it!
This new feature is interesting!
Not to be confused with The D Programming Language, which has a similar domain (dlang.org), and is currently on version 2.
Llm to text to diagram is the killer workflow these days.
The key challenge is making these things presentable. Optimizing them for human editability is a secondary concern at this point. This is where a lot of these tools fall apart.
I use LLM to tell my children bedtime stories and to wish my wife goodnight. Saves me a lot of time and energy
> Llm to text to diagram is the killer workflow these days.
It's useful, but I think only marginally. When using a diagrams-as-code tool, having an LLM write it for you gets you up and running faster, but long term you have more control (and no hallucinations) just writing the code yourself. It'll probably be fewer keystrokes in the end. Doubly so if your diagrams-as-code tool has decent autocomplete.
i think d2 looks sick , and i'm not op, but i do love just describing my system and telling the LLM to draw it. so having it "draw" d2 seems like a great new step?
when you want to make changes, you update your docs/design and repeat. think system design interview but you skip drawing it yourself at all and then sanity check your own work by interpreting the resulting graph etc
Does this mean a quine is possible?
Yes, but the only one I found on the playground is all newlines and spaces.
In escaped form:
Super cool!
wow! Now d2 is turned into something that is acually useful!