Adding an interactive mini-map to your Konva canvas using react-konva

By adding a mini-map to reciprocal.dev users are now able to navigate across their user journey maps easier

As part of building reciprocal.dev I’ve been working with Konva (and react-konva) to create an MVP of the user journey mapping tools in order to validate the idea.

Over time, the example map that I built for our MVP has become larger than the browser window and I’ve needed to introduce panning and zooming to allow the user to navigate this larger…