It seems every man and his digital dog these days are posting top 10 lists and I thought is about time that Revium dips its toe in this cesspool of unoriginal thought to bring you our Top 10 Web Based Charts!

As we all know there are lots of different scenarios where the use of a graph is required and the level of interaction can vary from simply viewing information to interacting with it for a more dynamic experience. My preference tends to lean towards JavaScript / jQuery based libraries for one main reason: I know how to style and manipulate css + html far better than Flash / Silverlight. That being said we have often used the Telerlik charts (in our Asp.Net projects) because they offer the option of saving the chart as an image so that you can embed it in an email or save off for later use.

JavaScript Based Chart Libraries

Highcharts

http://www.highcharts.com/
Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

Dygraphs

http://dygraphs.com/
Dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them

Emprise JavaScript Charts

http://www.ejschart.com/
The Emprise Javascript Charts package is an interactive javascript chart that offers features like zooming, ajax driven data and axis scaling.

Flot

http://code.google.com/p/flot/
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

Flash

AnyChart

http://www.anychart.com/
AnyChart is a flexible Flash based solution that allows you to create interactive and great looking flash charts. It is a cross-browser and cross-platform charting solution intended for everybody who deals with creation of dashboard, reporting, analytics, statistical, financial or any other data visualization solutions.

AmCharts

http://www.amcharts.com/
AmCharts is a set of Flash charts for your websites and Web-based products. AmCharts can extract data from simple CSV or XML files, or they can read dynamic data generated with PHP, .NET, Java, Ruby on Rails, Perl, ColdFusion, and many other programming languages.

FusionCharts

http://www.fusioncharts.com/
FusionCharts v3 helps you create animated and interactive Flash charts for web and desktop applications. It livens up your applications by converting monotonous data into exciting visuals.

Open Flash Chart

http://teethgrinder.co.uk/open-flash-chart-2/
Open Flash Chart is an open source chart project built using Actionscript 3 and Adobe Flex with server side herlper libraries for PHP, Perl, Python, Ruby, .NET, Google Web Toolkit and JAVA.

Asp.Net

Telerik Chart

http://demos.telerik.com/aspnet-ajax/chart/
Telerik is already well known in the DotNet world for their control suite. If you are after full server side integration with your charts they can be a good option.

ComponentArt Chart

https://www.componentsource.com/product/componentart-charting
ComponentArt is also well known in the DotNet world for their control suite. If you are after full server side integration with your charts they can be a good option.

You may also like

Horizontal navigation menus rule!

We recently performed a website audit for one of our clients. The design we proposed was leaning towards changing the website’s vertical navigation menu to display the product categories horizontally across the page, and it posed the interesting question whether there is still a case using top level left hand vertical navigation menus in modern web design.

Keep Reading

Degrading Script Tags

If you’re a fan of John Resig’s blog (jQuery creator), you may have caught his article on Degrading Script Tags.
He’s come up with a new enhancement for the jQuery library to make better use of your script tags.

Keep Reading

Newsletter sign up

Every couple of months we send out an update on what's been happening around our office and the web. Sign up and see what you think. And of course, we never spam.