Camera animations

You can move the view around programmatically using the .moveTo(options) function. The options supplied to this function can also be (partially) supplied to the .zoomExtent() and .focusOnNode() methods. These are explained in the docs.

The buttons below take the fields from the table when they can. For instance, the "Animate with default settings." takes the position, scale and offset while using the default animation values for duration and easing function. The focusOnNode takes everything except the position and the zoomExtent takes only the duration and easing function.

Here you can see a full description of the options you can supply to moveTo:
var moveToOptions = {
    position: {x:x, y:x},    // position to animate to (Numbers)
    scale: 1.0,              // scale to animate to  (Number)
    offset: {x:x, y:y},      // offset from the center in DOM pixels (Numbers)
    animation: {             // animation object, can also be Boolean
      duration: 1000,                 // animation duration in milliseconds (Number)
      easingFunction: "easeInOutQuad" // Animation easing function, available are:
    }                                   // linear, easeInQuad, easeOutQuad, easeInOutQuad,
}                                       // easeInCubic, easeOutCubic, easeInOutCubic,
                                        // easeInQuart, easeOutQuart, easeInOutQuart,
                                        // easeInQuint, easeOutQuint, easeInOutQuint
position x
position y
scale
offset x px
offset y px
duration ms
easingFunction

Examples: