Skip to main content

Release 6.17.0

· 2 min read
Simon Porritt

Release 6.17.0 contains a few nice updates to the miniview component:

Zoom to canvas location

In the images below keep your eye on the mouse pointer over the miniview - when it is stationary, we are performing a wheel zoom. From 6.17.0 onwards the surface is zoomed in/out at the same point as the miniview:

miniview adjusts surface transform origin when zooming - JsPlumb, leading alternative to GoJS and JointJS

Click to center nodes/groups

You can now click a node/group in a miniview and JsPlumb will scroll the related node/group in the surface to the center of the viewport - in the gif below, our user is clicking on individual elements in the miniview with the mouse (it also works with touch devices of course) :

click node/group in miniview to center it - JsPlumb, build diagrams and rich visual UIs fast

This behaviour can be controlled via the clickToCenter flag in your miniview options. See below for a link to the miniview docs.

Tracking dragged elements

A further nice update in 6.17.0 is that the miniview now actively updates the view as nodes/groups are dragged in the related surface - watch the miniview in the image below:

miniview updates dragged elements as they are dragged - JsPlumb - Angular, React, Vue, Svelte diagramming library

This behaviour can be controlled via the activeTracking flag in your miniview options. See below for a link to the miniview docs.

Further reading

Start a free trial

Sending your evaluation request...

Interested in the concepts discussed in this article? Start a free trial and see how jsPlumb can help bring your ideas to market in record time.

Get in touch!

If you'd like to discuss any of the ideas/concepts in this article we'd love to hear from you - drop us a line at