Sharing
The top 14 Free JavaScript resources for charts and graphs in web content design
WMT Section: Webmaster Tips - WMT Category: Tips for Webmasters
pored_as2.png

Highcharts

webmaster-tips_net-joomla-_107.png 
A charting library in pure JavaScript, this is a very easy way to add interactive charts for web application/website. 

Burtin’s Antibiotics

webmaster-tips_net-joomla-_108.png
Following World War II, antibiotics were called wonder drugs for quickly healing diseases that were previously incurable. In 1951, Burton published this graph that shows effect of 3 popular antibiotics on 16 varied bacteria.

Flot

webmaster-tips_net-joomla-_109.png
This plug-in works with Internet Explorer 6/7/8, Safari 3.0+, Firefox 2.x+ etc.

Tufte Graph

webmaster-tips_net-joomla-_114.png
This has its configuration done through dynamic functions, thereby allowing a very compact API. 

Moochart

webmaster-tips_net-joomla-_115.png
This is a plug-in for the Mootools 1.2 and helps by drawing bubble diagrams on its canvas. It is expected that the updated versions of the moochart is going to come with bar, line and pie graphs. 

Milkchart

webmaster-tips_net-joomla-_116.png
An easy to use but powerful library that transforms table data into charts. The library makes use of the HTML5 tag but is not presently supported by the Internet Explorer browser, but works on all other browsers. 

Jqplot

webmaster-tips_net-joomla-_117.png
Computing and drawing lines, shadows, axes and the grid as well is taken care of by renderers that are pluggable. Elements of the plot are customizable with plug-ins being able to expand their functionality. 

Accessible Charts

webmaster-tips_net-joomla-_118.png
This is a simple technique that is used for generating charts and the chart that is designed is based on data that is already present in the page in HTML table elements. 

Plotkit

webmaster-tips_net-joomla-_119.png
This is a graph and chart plotting library designed for JavaScript. It supports the HTML Canvas and the SVG through Adobe-SVG viewer. 

Jscharts

webmaster-tips_net-joomla-_120.png
This is a chart generator for JavaScript that requires almost zero coding. This allows the user to create charts easily in varied templates including pie and bar charts and simple graphs. 

Raphaeljs

webmaster-tips_net-joomla-_121.png
The goal of gRaphael is helping you create brilliantly designed charts on the website. It gets its base from Raphael’s graphics library. 

Google Chart Tools

webmaster-tips_net-joomla-_122.png
This tool helps in the addition of live charts for any types o web pages. 

dygraphs JavaScript Visualization Library

This is an open-sourced JavaScript library that helps in producing interactive charts on time-series that can be zoomed. It has been designed for displaying dense sets of data and also enable the users explore
as well as interpret them. http://dygraphs.com/

Swiff Chart Generator Demos

webmaster-tips_net-joomla-_123.png
This helps in creating beautiful and animated charts using the Adobe Flash format. By pasting your data from spreadsheets or by importing formatted text files, followed by choosing any Chart Style, which is pre-defined and finally by adjusting the parameters, the Chart can be displayed like a movie in Adobe Flash. 
pored_as1.png
 

Add comment


Security code
Refresh

Webmaster-Tips

Site Map

Write for us!

Do you have any Joomla custom work either on template, component, module or plugin to show off?
Or do you offer free tips and resources for webmasters?

About Webmaster-tips.net

Webmaster-tips.net is a Joomla CMS related portal that publishes authentic Joomla Extensions, tips and resources for webmasters. Follow wmt_joomla on Twitter