Live data from Hacker News

Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

github.com

21–30 of 56 posts

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#21
post #19
post #11

Excalidraw is pretty cool, but its main drawback is that is has no backend. The drawings cannot be persisted to the server, and you cannot collaborate with someone on a drawing unless you are both connected at the same time. I maintain another opensource whiteboard web application that has a slightly different set of features, but allows persisting drawings to the server. It's called WBO : - https://wbo.ophir.dev/

Does this support touch/stylus drawing?

Yes it does.

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#22
post #3

> Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them In general, don’t whiteboard sketches have a hand-drawn feel? Seems like the trick would be a tool to give diagramming tools a hand-drawn whiteboard sketch feel, or take hand-drawn whiteboard sketches and give them a diagramming feel. Could be neat to put this engine behind e.g. graphviz/dot, for instance, a la…

> In general, don’t whiteboard sketches have a hand-drawn feel?

Whiteboard sketches on a physical whiteboard do, but in general, computer “whiteboard” sketches are a mixed bag that IMO land more often on the side of straight lines and perfect circles, especially if you look around at which computer whiteboard products are commercially successful.

> Seems like the trick would be a tool to give diagramming tools a hand-draw whiteboard sketch feel, or take hand-drawn whiteboard sketches and give them a diagramming feel.

Here’s one example of the former: https://matplotlib.org/xkcd/examples/showcase/xkcd.html

The latter, converting sketches to diagrams, would be neat and is an interesting & difficult problem.

The thing that neither of these use-cases really cover is the need for a fast iteration / ideation tool in the exact same role as a physical whiteboard. Once you’re concerned about the presentation & look, the majority of time is spent working on the layout and the presentation because it takes longer to make it pretty than to just work out or communicate an idea without regard to beauty. Very small changes to where something goes or what it looks like can lead to a large and time-consuming ‘refactor’ of a diagram.

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#24
Is there any API or method for pressure sensitive pens/tablets to work on the web? Or any native apps that support pressure and work with online apps?

I love my Wacom and I love collaborative whiteboards, but it feels like neither is at its full potential.

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#25

I found the default font has the problematic side-effect that when shared through a zoom/google meet type platform, the 'handwriting' becomes illegible. This has annoyed me a lot at $company, which uses it widely.

You should file an issue on the repo - folks working on it are super open to contributions.

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#26
post #10

Anyone knows if there is someting similar available, but for uploading and editing Screenshots ? I'd like to have features "crop", "pixelize" and "add sequential-number label" available in a brwoser-based picture editor.

I imagine this could be added to excalidraw. I also had a use case for inserting images and drawing over them.

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#27

Is there any API or method for pressure sensitive pens/tablets to work on the web? Or any native apps that support pressure and work with online apps? I love my Wacom and I love collaborative whiteboards, but it feels like neither is at its full potential.

Hopefully a better answer than mine comes along, but until then I tried several different options with my wacom and Miro was the best (far from perfect tho). I'm a wacom n00b and am still learning how to finely tune pressure sensitivity for myself, but for collaboration I liked Miro. It's free for small use and works well across mobile and web.

No affiliation with Miro, just liked the service.

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#28
post #11

Excalidraw is pretty cool, but its main drawback is that is has no backend. The drawings cannot be persisted to the server, and you cannot collaborate with someone on a drawing unless you are both connected at the same time. I maintain another opensource whiteboard web application that has a slightly different set of features, but allows persisting drawings to the server. It's called WBO : - https://wbo.ophir.dev/

The public whiteboard is very interesting. It is a nice way to showcase collaborating capabilities. It would have been a great messy canvas except for that one user or bot determined to erase everything someone else draws :-)

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#29
post #21
post #19

Earlier quoted context omitted.

Does this support touch/stylus drawing?

Yes it does.

When using the stylus, it doesn't support pressure sensitivity (I just tried with my Wacom). I created doodledocs.com as a side project, which does support it (and almost doesn't support anything else :P).

The code is open source and also purely front-end based. So the Excalidraw authors can see how it could be implemented. It's basically Bresenham's algorithm combined with the DOM API.

The code is at https://github.com/melvinroest/doodledocs/tree/master/app/co...

Re: Excalidraw whiteboard – easily sketch diagrams with a hand-drawn feel

#30
Neat!

I wonder if there is a way to modify something like xfig to output in hand drawn "look".

Collaborative editing is of course also very good and tools like xfig don't have it.

I guess I'm wondering aloud if it makes sense to see "hand drawn look", collaborative editing and cloud storage/saas as orthogonal issues.

Post reply on HN