Unveil.js - Multiple displays (Zoom and Pan using the mouse / mousewheel)

Info

Demonstrates the support for multiple displays to project the scene (world-coordinates) to one or more displays (canvas elements, that have a local coordinate system). This conforms to the view transformation in a 3D-game terminology. It allows the scene to be rendered on various displays that can be zoomed and paned independently.

Challenge

For zooming you want to scale around the current mouse position rather than scaling around the origin. Zooming and Paning are implemented as separate behaviors that can be activated when you specify the output display.

About

Unveil.js provides a simple abstraction layer for visualizations to ease the process of creating re-usable charts. To accomplish this, a data-driven methodology is used.

Code

Source Code is available at Github

A Quasipartikel production