• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

Free and Open Source Charting Libraries

By Akash Mehta | on Jul 2, 2008 | 0 Comment
JavaScript Tutorials
Flot chart snapshot
  • Tweet
  • Share
  • Tweet
  • Share

There aren’t too many free options for charting on the web, either client-side or server-side, that provide you with the actual charting code. We recently reviewed Google Charts, a web-based API for charting from Google. However, either for internal controls, or just simplicity of implementation, sometimes you need to do your own charting with a free software solution. Here are some of the better options, both purely JavaScript/Flash, as well as those with server-side bindings.

Flot

Flot is entirely client-side, powered by jQuery and using HTML <canvas> (or the excanvas library for emulating IE support). The demos provided are quite comprehensive, and the API is simple yet powerful. Being pure-Javascript, it’s also fully portable to projects where server-side scripting is unavailable (e.g. Adobe AIR). Flot-drawn charts are attractive out of the box, although everything can be configured. Zooming functionality is also included.

Open Flash Chart

Open Flash Chart, a Flash-based chart system (no surprises here), features a very powerful API, possibly more so than most other options (including commercial offerings!). It has an interesting approach to chart generation – it fetches chart data from the server; the object makes a seperate HTTP request to fetch the dataset.

Plotkit

Plotkit is another JavaScript-based charting solution using <canvas>. It also supports SVG thanks to Adobe SVG (given browser support, of course) – SVG graphs scale beautifully with Firefox 3′s image-resizing on the fly for client-side zooming. It uses Mochikit 1.3+, and excanvas for IE6 support.

Flotr

Flotr, inspired by Flot (see above), is a simple JavaScript charting library built on Prototype. Flotr focuses on drawing appealing graphs with simple syntax; the snippets for its examples are generally a little leaner than those of the other JS libraries. Flotr comes with fairly thorough documentation available online, to help you get up and running quickly.

Honorable mention: PHP/SWF charts

PHP/SWF charts isn’t entirely open source, but I’ve included it with an honourable mention given its popularity. It offers a free version, with almost all the features of the commercial offering ($45/domain). With PHP bindings, it’s possibly the easiest to get started with if you already use PHP in your application, and its sister project XML/SWF charts happily takes any other server-side language. It also has the most visually appealing demo charts.

Share this story:
  • tweet

Author Description

No Responses to “Free and Open Source Charting Libraries”

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 1,242Followers 492Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    May 2013
    M T W T F S S
    « Oct    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.