VisJS Network - Minimap

This is a basic implementation of minimap.

Example ( Pure JS )

• Minimap Codepen - Fixed Size
• Minimap JSFiddle - Responsive

What is Vis ?

Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, handle large amounts of dynamic data, and enable manipulation of the data. https://github.com/almende/vis

Panning support:

Thanks to Aleksey Boev now we can control network through minimap. 🎉

Important note:

Currently Minimap doesn't support dragNodes option. You need to turn it off:

const options = {
  nodes: {},
  edges: {},
  interaction: {
    dragNodes: false,
  },
};

Your advice or suggestions will be much appreciated and welcomed.

Made with 💓