27 JQuery Graphic Plugins

G2 is a visualization grammar, a data-driven visual language with a high level of usability and scalability. It provides a set of grammars, takes users beyond a limited set of charts to an almost unlimited world of graphical forms.....
Chart_Graph Core Java Script

Bu.js is a JavaScript 2D graphics library based on HTML5 Canvas. .....
Animation Core Java Script HTML5

Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports dra.....
Core Java Script HTML5

Mo.js is a motion graphics toolbelt for the web.Silky smooth animations and effects for staggering user’s experience.Screen density independent effects look good on any device. .....
Animation Core Java Script

CSSCO is a photographic filters made with CSS, inspired by VSCO and CSSgram. .....
CSS Image Effects

g9 is a javascript library for creating automatically interactive graphics.With g9, interactive visualization is as easy as visualization that isn’t. Just write a function which draws shapes based on data, and g9 will automa.....
Animation Core Java Script

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The.....
Chart_Graph Core Java Script

I’ve demonstrated how SVG can be used to create responsive, scalable imagemaps, but have left the interactive part – aside from simple hover effects – largely unexplored, with a few exceptions. That changes with this.....
Core Java Script Maps SVG Tutorial

jQuery.linking is a jQuery plugin designed for linking graphically webpage elements in a simple way. .....
Chart_Graph Drag_Drop Plugins

Enliven ‘em is a jQuery plugin which lets you animate any vector graphic in SVG form in many different ways when your illustration become visible in a user browser viewport (suitable for “non-hover” devices like Apple’s on.....
Animation Plugins Premium Responsive SVG Tutorial

CutJS is a minimal JavaScript library for composing high-performance, dynamic and interactable 2D HTML5 graphics. It is inspired by DOM and jQuery with a new concept called pinning introduced instead of styling.CutJS is cross-plat.....
Animation HTML5

jQuery-turtle is a jQuery plugin for turtle graphics.With jQuery-turtle, every DOM element is a turtle that can be moved using turtle graphics methods like fd (forward), bk (back), rt (right turn), and lt (left turn). The pen func.....
Animation CSS Plugins

Stylie is a fun tool for easily creating CSS 3 animations. You can configure your animation graphically, tweak it, grab the generated CSS and go! .....
Animation CSS

This custom JS charting library created by PSDDude from 0 implements custom HTML tags which allow creating charts and graphs for infographics.It is a light-weight, pure JavaScript charting library (NO jQuery or other libraries req.....
Chart_Graph Core Java Script HTML5 Premium

Formbuilder is a graphical interface for letting users build their own webforms. Think Wufoo or Google Forms, but a lightweight component that can be integrated into your application.As of right now, Formbuilder only handles the c.....
Core Java Script Drag_Drop Forms jSON

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.One of the less talked about features of newer browsers is increasing support for the SVG file format. If you are unfamiliar with SVG, it stands .....
Animation CSS SVG Tutorial

jsDraw2DX is a standalone JavaScript library for creating any type of interactive graphics with SVG (and VML for old IE browsers). Besides the ability to generate all basic shapes like line, rectangle, polygon, circle, ellipse, ar.....
Chart_Graph Core Java Script HTML5 SVG Tutorial

Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data,.....
Animation Chart_Graph Core Java Script

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics.....
Animation Core Java Script HTML5

Bonsai is a JavaScript graphics library.Bonsai’s main features include:Architecturally separated runner and rendereriFrame, Worker and Node running contextsPathsAssets (Videos, Images, Fonts, SubMovies)Keyframe and time base.....
Animation Chart_Graph Core Java Script

The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesi.....
Animation CSS Gallery Slider

Raphaël is a lightweight Vector Graphics JS Library using the SVG W3C Recommendation and VML as a base for creating graphics, which can be used to simplify your work with vector graphics on the web......
SVG vml JavaScript-Library

subwayMap is a jQuery plugin that uses HTML5 canvas to draw a dynamic, customizable, metro map-style graphs and infographics on the web page......
Infographic

The jQuery Geo plugin helps you create a customizable, interactive, editable map of the world and provides free geographic data using OpenStreetMap API (or any other map providers)......
map

Rate is a super tiny jQuery rating plugin which dynamically draws box- and ring chart-style graphical ratings using JavaScript, HTML5 canvas and CSS/CSS3......
Rating progress-indicator

A robust jQuery/HTML5 chart / graph plugin which helps you draw a wide variety of animated, customizable graphics and charts using HTML5 canvas API......
Canvas Graphic

circleGraphic is a jQuery plugin that uses HTML5 canvas 2D API to draws an animated, circular progress indicator (gauge meter, dial) to represent percentage values......
progress-bar Canvas