Creating Bar Charts With MooTools And jQuery

Ivan Lazarevic is sharing 2 different plugins for creating bar charts with jQuery & MooTools:

• jqBarGraph (for jQuery)
• mooBarGraph (for MooTools)

Both plugins can create simple or stacked bar charts & data to be displayed is loaded with an array.

jqBarGraph has support for animated loading of the charts however mooBarGraph offers more features like:

• url bars
• info boxes (interactive charts)
• negative values
• AJAX data loading

They are both very easy to use & support all major browsers.

Requirements: MooTools or jQuery
Compatibility: All Major Browsers
Website: http://workshop.rs/2010/02/moobargraph-ajax-graph-fo...
Website 2: http://workshop.rs/2009/12/jqbargraph-jquery-graph-p...
Demo: http://workshop.rs/projects/moobargraph

JavaScript Widgets Library: Meteora

Meteora is set of cross-browser widgets and controls for quickly creating rich and customizable web applications without programming excessive JavaScript that is painful to debug in every browser.

Meteora is based on the great mootools framework (version 1.11) and scripts that already work with mootools can be used with Meteora too!

To see some nice demos of this JavaScript widget library, check:

• Editor widget
• File browser widget
• Table sort widget

Requirements: No Requirements
Compatibility: All Major Browsers
Website: http://meteora.astrata.com.mx/
Demo: http://meteora.astrata.com.mx/pages/demo
Download: http://meteora.astrata.com.mx/files

Tiny MooTools Image Slideshow: blackbox

blackbox is a MooTools plugin for creating slideshows from unordered lists.
The plugin is unobtrusive & displays images with fade in/ fade out effects.
The slideshow is controlled by simply hovering images where a simple start/stop controls appears.
It requires almost no configuration & has few optional settings like "the image to be displayed on initial load & duration of effects/transitions.

Requirements: MooTools
Compatibility: All Major Browsers
Website: http://labs.hostsen.net/stuff/blackbox/

Convert Mouse Movements Into Actions: Moousture

Moousture is a JavaScript mouse gesture library, built with MooTools.
It simply checks the mouse movements & catches them if they follow any given route.

The library is very customizable. Variables like:

• miliseconds mouse movements will be traced
• interval of the number of mouse steps
• errored movements to be ignored (in pixels)

can be defined.
With the help of a direction pad, new gestures can be created by simply mentioning their numbers in an order like:
gstr.addGesture([4,3,2,1,0,], functionName); would be a "u" character.
The Moousture is also compatible with most of the mobile devices (including iPhone).
The library website includes a demo worth-checking which can display a menu with a mouse gesture.

Requirements: MooTools
Compatibility: All Major Browsers
Website: http://neofreeman.freepgs.com/Moousture/
Demo: http://neofreeman.freepgs.com/Moousture/demo_menu.html
Download: http://github.com/maxpert/moousture/tree/master