JavaScript Charts API: Flot jQuery Plugin OR Google Visualization?

javascript jquery charts flot google-visualization
fabien7474 picture fabien7474 · Nov 21, 2009 · Viewed 15.4k times · Source

I am looking for a charts library to be displayed on a website. I will use intensively this library (for area, line and bar charts mainly), so I prefer to secure my choice before starting implementing.

The list of website chart libraries that I have initially considered are:

However after some researches on this forum and investigations on the web, I have reduced my candidate list to these two libraries:

  1. Flot jQuery plugin
  2. Google Visualization

Which one do you advise me to use and why (if you have worked with one or two of them, please tell me your feedback)?

How do they compare one to each other regarding ease of use, performance and features?

Thank you

EDIT: Based-Flash Chart libraries were not eligible with my constraints

Answer

fabien7474 picture fabien7474 · Nov 25, 2009

I will try to answer my own question after some several tries and researches about these 2 visualization libraries, here are my own list of pros for each solution :

Flot Pros

  1. jQuery plugin : if you are familiar with jQuery (or if your apps is integrated with jQuery), it seems natural to use Flot
  2. Offline visualization : you can test or have it installed into an internal website. Google Visu can only work if you have acces to the google website !!
  3. Customization : this is basically a JavaScript file so if you are good at JS coding, you can customize your charts as your convenience. Also the Flot plugin system allows you better modularity

Google Visualization Pros

  1. Documentation : awesome ! Examples for each type of graphs are available in the Google site
  2. Easy to use : Really. Easier than Flot (that requires to somehow customize the div container)
  3. Powerful : you have many sorts of graphs and features (zooming, interactivity,...)
  4. Java and Python API : it can helps a lot for constructing the Data Table (at least for me, I can use the Java API)

Bottom Line

If you are familiar with jQuery, go with Flot. If you need for some reasons to see your charts offline, go with Flot. If you want full control, go with Flot.

If you don't recognize yourself above, go with Google Visu. It's easy to learn and implement, very well documented and extremely powerful.

Related questions

How to plot a date range on X-axis in Flot Charts?

I'm using Flot charts to display data for a certain period (to be selected by the user, e.g. last 30 days, last 7 days, from 1st Jan 2013 to 3rd Mar 2013 etc) So I want to display a line chart with x-axis …

Read More
Flot Stacked Bar Chart and displaying bar values on mouse over

I'm trying to understand the tooltip functionality of Flot but not really getting my head around it! I am trying to achieve a tooltip that displays the label and value of each section of a stacked bar chart Would someone …

Read More
Click events on Pie Charts in Chart.js

I've got a question regard Chart.js. I've drawn multiple piecharts using the documentation provided. I was wondering if on click of a certain slice of one of the charts, I can make an ajax call depending on the value …

Read More