50 Most Useful jQuery Plugins of the year #4

JQUERY: Chart & Graph Plugins, Image Effect Plugins

JQUERY: Chart & Graph Plugins, Image Effect Plugins


 
 

With thousands (yes thousands...) of new jQuery plugins that have been released we have worked hard filtering down all of the those plugins to bring you the 50 that we feel are the most innovative and useful.

We have split all of the plugins into the following categories: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, and finally, everything else in-between.

Enjoy the category: Chart & Graph Plugins and Image Effect Plugins

Chart & Graph Plugins

1. Chart.js: Simple HTML5 Charts using the Canvas element

Chart.js easy, object oriented JavaScript charting libaray with html5 canvas for designers and developers. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, <5kb package.

2. xCharts : D3-based library for building custom Charts and Graphs

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

3. jQuery Flot Animator

Flot Animator is a free jQuery plugin that will add smooth or gradual animations to Flot charts.It will allow you to highlight and draw attention to some charts and/or series by easily adding animation to your existing charts.

This plugin will read the original data array and will build a second array containing all the frames needed for the animation: the new array length will be equal the total animation frames.

Image Effect Plugins

4. Expanding Overlay Effect

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.

5. 3D Thumbnail Hover Effect

A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.

 

6. Hover Slide Effect

Today we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images.

 

7. Hover/Click Trigger For Circular Elements With Jquery

Today we want to share one possible solution to the circle hovering problem. We’ll create a plugin that will take care of the ‘mouseenter’, ‘mouseleave’ and ‘click’ events to be triggered only on the circular shape of the element and not its bounding box.

 

8. Circle Hover Effects With Css Transitions

A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.

 

9. Flipping Circle Slideshow

A simple circular slideshow where we flip the image in order to navigate.

 

10. Parralax Image Hover Effect

 

 

READ ALSO:

50 Most Useful jQuery Plugins of the year #1 

50 Most Useful jQuery Plugins of the year #2 

50 Most Useful jQuery Plugins of the year #3

 

 
 

tags: jquery resources tutorials tips plugins snippets webdev


We use our own cookies and third-party cookies to improve our services, show products based on your preferences, analyse the browsing habits of our users, and enable interaction with social networks. Continuing to browse our sites implies full acceptance of their use. You can change your cookie setting or get more information here: Cookies policy .