Live data from Hacker News

I use Excalidraw to manage my diagrams for my blog

blog.lysk.tech

81–90 of 120 posts

Re: I use Excalidraw to manage my diagrams for my blog

#81

Earlier quoted context omitted.

The Excalidraw website describes itself as: Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them. And the GitHub repo says: An open source virtual hand-drawn style whiteboard. Collaborative and end-to-end encrypted. It's the intended design...

Cool. I have stated my opinions on their intended design.

Cool. I have stated the facts of the product.

Re: I use Excalidraw to manage my diagrams for my blog

#82

I have noticed diagrams are most useful early in thinking, but once things get complex they either become outdated or too hard to maintain. Curious how people here deal with that, do you keep diagrams in sync with code, or treat them as disposable?

I find I end up needing to walk the code to make diagrams of the current state anytime management wants to know what’s going on. It’s the only way my managers seem to understand or accept anything. It’s a lot of work, as starting over is often easier than reviews and edits. Usually the diagrams are slightly out of date, but good enough to satisfy whoever is looking at it. I wish I had a better solution. Now I’m wonde…

Hey look, someone else has the exact same problem I do! I even use Excalidraw for diagramming as well, and have been wondering about how best to generate them according to some kind of binary format.

Re: I use Excalidraw to manage my diagrams for my blog

#83
post #22

I love diagramming, but I genuinely don't understand how people can use these wonky looking tools. It looks off, I had to make my own[1] to create something that's easy to use and looks good/normal. [1] https://grafly.io

Whimsical is a whiteboard/diagram app that I think looks pretty nice, not too far from how yours looks

Re: I use Excalidraw to manage my diagrams for my blog

#85
Looks pretty cool. I think it's great that you support light/dark mode. FWIWI, I'm also a huge fan of Excalidraw.

I wanted to ask you: is there's a reason you use a separate svg file for each (light/dark) mode?

A single SVG file using CSS can change it's own colors based on the user's preference. I have an example here: http://alejo.ch/3jj - the 3 plots should honor your mode (I put the generator code here: https://github.com/alefore/mini_svg)

Just figure I'd ask. If you have a good reason for using separate files, I'd love to hear it (because it probably would also apply to what I'm doing). :)

Re: I use Excalidraw to manage my diagrams for my blog

#86
post #7
post #3

Earlier quoted context omitted.

Apparently Excalidraw is An open source virtual hand-drawn style whiteboard. Collaborative and end-to-end encrypted. https://github.com/excalidraw/excalidraw

I use Excalidraw extensively at work. For me, it's really close to perfection. It has an excellent UI, selections work way better than Lucid or Figma etc, the sketchy look makes it clear designs are rough and not blueprints, it's private and loads instantly. The one negative is that it's a pain to get the multiplayer self-hosted version running.

My favorite aspect of it is the keyboard shortcuts. It makes things so much faster.

Re: I use Excalidraw to manage my diagrams for my blog

#88
post #85

Looks pretty cool. I think it's great that you support light/dark mode. FWIWI, I'm also a huge fan of Excalidraw. I wanted to ask you: is there's a reason you use a separate svg file for each (light/dark) mode? A single SVG file using CSS can change it's own colors based on the user's preference. I have an example here: http://alejo.ch/3jj - the 3 plots should honor your mode (I put the generator code here: https://g…

My goal is that it renders on GitHub as well as on my blog. GitHub doesn’t support css based dark mode afaik

Re: I use Excalidraw to manage my diagrams for my blog

#89
post #22

I love diagramming, but I genuinely don't understand how people can use these wonky looking tools. It looks off, I had to make my own[1] to create something that's easy to use and looks good/normal. [1] https://grafly.io

“USING AI TO GENERATE DIAGRAMS

Click the AI button in the toolbar to copy the Grafly format reference. Paste it into any LLM (Claude, ChatGPT, Gemini…) along with a description of the diagram you want. Copy the JSON the LLM returns. Click the Import JSON button () in the toolbar and paste it in. ”

Super user friendly as well! I don’t even understand the instructions on how to use it.

Re: I use Excalidraw to manage my diagrams for my blog

#90

Interesting approach. I make heavy use of Mermaid as I find it easier to make small changes and bulk generate-and-copy for publishing elsewhere. But being able to update the diagram and automatically generate the output files is a nice hybrid.

I use Mermaid too, but a lot of that comes down to the fact that it's easier to generate it with Claude.

It can be exceedingly useful to do this if you have a big log file and you need to have a diagram of a trace, even if you're not sharing it on a blog.

Post reply on HN