Drawing over Diagrams

This is a really short blogpost to notify you of a dead simple webapp that allows you to draw over images. This can be useful if you want to highlight certain parts of a diagram or if you want to extract data from one. The use-case that we had in mind is to annotate the data from force diagrams for mechanical keyboard switches. Here is one such diagram:

Here is what it looks like when you draw over it:

You can also make some extra drawings to highlight certain parts of the diagram that might need to be removed or maybe edges of the actual diagram to help write a script that can extract the actual data that is depicted in the diagram. But all of that is up to you.

It is pretty straightforward and can be super useful in some cases. You can find the tool here.

Enjoy!