@kjn/svg-minimap

Creates a zoomable, pannable minimap component for your svg elements.

Usage

Install this package

npm install @kjn/svg-minimap

Import and initialise the minimap

import SvgMinimap from "@kjn/svg-minimap";

new SvgMinimap(document.getElementById("svg"), document.getElementById("minimapContainer"));

Assuming that we have a <svg> element that contains various svg drawings. AND that there exists a (preferably bounded) container where the minimap should be placed into.

For more details on how to use, check the examples directory.