Charts and Graphs Plotting with JQuery plugins

Richard Wong 21 September, 2008

Charts are important in visualising data to give a more profound understanding of the nature of given problem. A good charting solution for should render charts dynamically from raw data and allow multiple type of data presentation.

Traditionally we generate charts on the server-side but that means it will take up more bandwidth by the image all the way across the internet. Ideally we would just send the data to the browser and it will render the chart. With the advance in javascript and browser support, we have many powerful chart components out there based on Javascript. Now with the help of javascript frameworks, we can create charts in just a few lines of code.

Here we present you with 3 top jQuery plugins for plotting charts.


fgCharting is a simple plugin that provide you with 7 types of graphs such as line, bar, pie, filled lines. However, the special concept for this plugins is that it is accessible. It can read data from HTML table on the page and render them.

Website: Accessible_Charts_using_Canvas_and_jQuery

Download: fgCharting.jQuery.js


is a very powerful plotting library allowing you to create attractive and interactive graphical plots of arbitrary datasets on the fly. It has advance feature like zooming and highlighting but still easy to use.




Sparkine allow you to generate small inline charts using data supplied either inline HTML or via javascript. It provide 6 types of charts such as line, bar, tristate, discrete, bullet or pie.

Website: jQuery Sparkine

Download: jquery.sparkline.js

Comments so far

  1. Rich September 26th, 2008 at 9:43 pm

    Just noticed Flot was updated on Sept 25

  2. December 3rd, 2009 at 3:05 pm

    Great summary of this Rich, I’d recommend you do a part 2 with some details of other libraries.


  3. Thobib March 14th, 2010 at 2:05 pm

    Have you other examples related to Charts and Graphs with JQuery plugins ?

  4. RSA Online April 21st, 2010 at 4:10 am

    Have you heard about jqPlot? (

    It’s open source too and looks awesome!

  5. Blueprint RSA May 26th, 2011 at 1:08 am

    Thank you for this very informative blog. I definitely want to explore these different types of sites for charts and graph plotting and make use of them on my monthly reports.

Post a comment


  1. Pingback from links for 2008-09-24 « 思考と習作(ブックマーク)
  2. Pingback from Tims Blog » Blog Archive » NULL vs False vs 0
  3. Pingback from Tims Blog » Blog Archive » NULL vs False vs 0
  4. Pingback from // links for 2008-10-27
  5. Pingback from Useful Links (28/10/2008) | Apramana
  6. Pingback from the life of a simple girl » Blog Archive » Create Graphs Without GD Classes