This is a simple demonstration of the flexScroll utility. Written using Protovis on top of SVG, it is a widget used to select a range of values. The design was focused on chromosomal position selection to allow a user to quickly zoom to data within a specific region of a given chromosome.

To Use:

• Drag the red area of the window to move it.
• Drag the blue handles to resize the window.
• When the proper selection has been made, clicking on the window creates an event.

Interesting features:

• The tool can be given a scale multiplier. This is useful in a case where it is better to show a user a position in MBp or KBp.
• A click ( or double click) can be used to re-initialize the tool at the selected range. This effectively gives the tool the ability to zoom to smaller region for finer control.
• The window width can be fixed for applications which require a range of a certain size.
• The tool can send an event notification on any event (window resize or drag). This would include any moment during a drag, rather than simply notifiying after a drag is completed (a "mouseup" event).