Best jQuery Chart & Graph Plugins & Tutorials with Demo
The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7 & 8.
Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page. But that’s not very accessible or interesting. We could use Flash, which is quite good for displaying graphs — but again, not very accessible. Besides, designers, developers and deities are falling out of love with Flash. Technologies such as HTML5 can do many of the same things without the need for a plug-in. The new HTML5
<canvas> element could even be adapted to the task. Plenty of charting tools are online that we might use.
jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component.
It’s able to:
- Read json data
- Paging results
- Display different colours for each task
- Display short description as hints
- Mark holidays
Peity (sounds like deity) is a simple jQuery plugin that converts an element’s content into a simple <canvas> mini pie, line or bar chart.
TufteGraph is a JS library by which you can easily create graphs. All the configuration is by dynamic functions, allowing for a really compact API (very few options). Also, Non-core layout is done via CSS rather than code. You can customize the style of graph by editing it’s CSS.
In this tutorial I’m going to show you how to build a lovely, interactive pie chart using the latest HTML5 technologies. Not that long ago, this kind of thing was only practical to do with Flash. Now, thanks to advances such as the HTML5