Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Birdseye guide Bird's Eye View A Guide CAbstract This document is provided as a guide to help understand how to use the bird's eye view functionality provided in Rave through the example of the Bird's Eye View Demo page Con ?dential ?? IBM Corporation CRe

Bird's Eye View A Guide CAbstract This document is provided as a guide to help understand how to use the bird's eye view functionality provided in Rave through the example of the Bird's Eye View Demo page Con ?dential ?? IBM Corporation CRevision History Date mm dd yy Modi ?ed by Ken Smith Ken Smith Additions Changes Initial version Minor revision Con ?dential ?? IBM Corporation CTable of Contents Bird's Eye View A Guide Abstract Revision History Table of Contents Demo How it works Functionality Directory Structure Integrator VisControls Creating a VisPanZoomController VisPanZoomController options Styling the marquee Uninstalling a VisPanZoomController VisPanZoomController APIs Con ?dential ?? IBM Corporation CDemo How it works The Bird's Eye View example demonstrates what can be done using Rave and its Bird's Eye View functionality Figure ?? Bird's Eye View Demo Page Functionality When the Show Bird's Eye View option is checked a smaller window is created and placed in the bottom right corner The smaller window will re-size the visualization so it is completely visible then overlay a marquee to display the section of the zoomed-in visualization that is currently displayed in the bigger window The marquee can be moved around to change the viewable portion of the visualization in the bigger window by using the mouse or the keyboard Con ?dential ?? IBM Corporation CThere are also options to change the graphical zoom level Zoom In zooms in on the viewable portion of the visualization Zoom Out zooms out on the viewable portion and Reset resets the zoom so the complete visualization is viewable As well a Specs option displays a dialog to allow a new speci ?cation to be provided for the visualization Directory Structure The example is available to download and use as a starting point for integrators who want to use the bird's eye view functionality All the JavaScript code that creates the VisControls handles the interactivity and installs the bird's eye view VisPanZoomController is located in the base HTML ?le BirdsEyeDemo html at the root of the download The styles and fonts are located under the 'style' folder documentation is located under the 'docs' folder and the Rave and Dojo JavaScript libraries are located under the 'js' folder Figure ?? Demo directory structure Integrator VisControls The Bird's Eye View created using the VisPanZoomController requires two VisControls one for the overview one for showing what's highlighted in the overview It is up to the integrator to create place and size these two VisControls In the example page one small VisControl was created as the overview and placed in the bottom right corner of the bigger VisControl An icon was also placed over the overview window to allow a user to minimize and then restore the overview window Con ?dential ?? IBM Corporation CFigure ?? Minimize the overview window Zooming controls were also made available to the user when the bird's eye view was created Zoom In Zoom Out Reset These were created for demonstration purposes the integrator is responsible for providing