What are the best charting html5sets you've used?

Requirements:

  • List item
  • fully client side (with the possible exception of conversion to image)
  • export to image
  • ability to print charts
  • user interactivity (hover annotation)
  • several axes
  • price <$ 300 per site
  • IE6 / 7/8 compatible optional

I reviewed the following:

  • List item
  • Highchart
  • rGraph
  • Zingchart
  • InfoVis toolkit
  • jQuery Flot
  • Protovis
  • jqPlot

What would you recommend based on your experiences (or your team)?

Given the following aspects:

  • List item
  • ease of use / learning curve
  • ease of expansion / customization
  • range of available charts / themes, aesthetics
  • support level / buginess
+4
source share
2 answers

Don't get sick and get around you, but ... and I say this as a Canvas lover - the best graphics package I used is gRaphael, which uses SVG / VML, not Canvas.

http://g.raphaeljs.com/

You marked this as "canvas" and "html5", but gRaphael fulfills most of your requirements. It is especially easy to use, and the learning curve is better, since SVG usually requires much less code to get rich user experience than Canvas-based libraries.

Here is a plugin to export to image for phraphael based applications

I'm not sure about the print situation, but since it is an SVG, you should be able to print with less problems than if you were using Canvas, but I don't think raphael has anything else built in to work with printing.

Of course, using SVG means that productivity will be greater if you plan to create a very complex / large application with a lot of animation and interactivity, but this is unlikely in the world of graphics if you are not trying to win the award "the most nauseating way to present information" or whatever- something like that.

I sincerely think that you should first start prototyping your application using gRaphael. You should be able to get something faster than using the Canvas library, which will allow you to quickly assess whether it will be good or not.

+1
source

@Xerion - I'm on the ZingChart team. Zing should fit the bill pretty well, as it displays in HTML5 Canvas, SVG, VML and / or Flash for compatibility and various scripts. Simon had a big point about SVG - more complex diagrams (data, functions or others) tend to cause SVG to lag behind Canvas in performance. See Various Scenarios here http://www.zingchart.com/#speedtest .

Feel free to contact me abegin [at] zingchart.com with any questions or mention / follow us on twitter.com/zingchart.

Thanks.

+1
source

All Articles