Creating Charts And Graphs Using jQuery

Posted in Scripts | On 21st January 2010 | 8 Comments

I recently has the (mis)fortune of creating a custom project for a client who wanted some fancy charts running in the back end of the CMS. They can look great and display whatever data you wish, such as traffic, hits, downloads etc…

I spent a good while reading and researching a number of options available to me, after weeding a good few out I was left with the list below.

All of these resources listed are really great plugins and all are built on jQuery and they all have more info and examples on the author sites.

jQuery Visualize Plugin

Flot

jQchart – jQuery Chart Plugin

jQchart + CanvasGradient

jqPlot

jQuery + Flot – Plots, Canvas and Charts

Fun With Canvas: Create a jQuery Graph Plugin

jQuery Sparklines

TufteGraph

For those interested, I ended up using the solution from the Filament Group which suited the project down to the ground, but each plugin might have various pros and cons for your projects.

McBonio

McBonio is a full time web designer, blogger and general web lurker. He runs Tropica Web Design, which is a web agency based in Liverpool, UK. You can also catch McBonio at Twitter: @mcbonio

Visit McBonio's website

Related Posts

Like this post? Share it!

8 Comments

  • Extendstudio
    January 21, 2010

    You can have a look as well to FusionCharts for Dreamweaver – an extension that generated Flash Animated Web charts from the DW interface.

  • cchana
    January 22, 2010

    i’ve used flot before and would highly recommend it. easy to use and does exactly what u ask it to!

  • Richard Volpato
    January 25, 2010

    A well thought out and dynamically evolving project to achieve graphs via javascript, take a look at

    http://code.google.com/p/protovis-js/wiki/ReadMeFirst

    With jQuery you get powerful interactivity in protovis.

Trackbacks