SVG

svg.js - A lightweight library for manipulating and animating SVG

svg.js is a lightweight library for manipulating and animating SVG. It has no dependencies and aims to be as small as possible. With svg.js you have all the power of vector graphics at pocket size.   svg.js - Features: easy readable uncluttered syntax very small, about 11k gzipped animations on size, position, transformations, color, ... painless extension thanks to the modular structure various useful plugins available unified api between shape types with move, size, center, ... bindin

interact.js - Drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers

interact.js is a standalone javascript module for handling single-pointer and multi-touch drags and gestures with powerful options such as inertia and snapping to grids or custom coordintes.   interact.js - Features: inertia snapping to a grid, custom anchors or paths. cross browser and device, supporting {Chrome,Firefox,Opera}' '{mobile,desktop}', ' and Internet Explorer 8+ interaction with SVG elements being standalone (not yet another jQuery plugin) introducing 0 additional DOM elemen

JointJS - Create HTML5 interactive diagrams in JavaScript easily

JointJS is a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs. It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders. JointJS makes it easy to create visual languages & tools of various kinds.   The event-driven nature together with MVC architecture of JointJS makes it easy to plug-in any backend application.   JointJS - Features: basic diagram elements (rect, circ

jQuery Panzoom - a progressive plugin to create panning and zooming functionality for an element

Panzoom is a progressive plugin to create panning and zooming functionality for an element. Panzoom supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+.   Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER. IE<=8 is not supported, but this plug