By AN Jay on June 26, 2009

20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages

Don't Forget to participate in a contest where you can win custom logo design package from LogoDesignBundle.

  Advertisement

Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are many ways you can plot data, but here I have included 20 Really Useful Scripts To Plot Charts In Your Sites/Blog Pages which serves as a easy Charting solution. Hope you like it.

If you want to share more charting solutions that are useful and our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

JS Charts

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready.

Flot

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking. The plugin is known to work with Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+.

Style Chart

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

Style Chart is an innovative technology that allows you to easily embed sophisticated and dynamic charts in your Web site.

FC_RTGraph

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

FC_RTGraph is a tool that allows you to collect and graph information from SNMP devices. FC_RTGraph takes an XML formatted config file as input. FC_RTGraph is an excellent tool for real-time monitoring. Collected SNMP data can be graphed in highly customizable 3D graphs (Bar, Area, Line, 3D).

Raphaël

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

Open Flash Chart 2

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages
Edge cases such as tooltips encourage user interactivity and data exploration and you can re-size the charts. It can manage the missing data. This solution saves the chart as an image form. You can highlight or emphasize one (or many) points.

Google Visualization API

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

The Google Visualization API lets you access multiple sources of structured data that you can display, choosing from a large selection of visualizations. Google Visualization API enables you to expose your own data, stored on any data-store that is connected to the web, as a Visualization compliant datasource. Thus you can create reports and dashboards as well as analyze and display your data through the wealth of available visualization applications.

Yahoo UI Charts Control
20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

The YUI Charts Control visualizes tabular data on a web page in several possible formats including vertical columns, horizontal bars, lines, and pies. Notable features include support for the DataSource Utility, customizable series and axes, a customizable mouse-over datatip, combination charts, and skinning.

ProtoChart

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

ProtoChart is an opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries. It supports line, bar, pie, curve, mix, and area charts, multiple data series on same graph, customizable legend, grid, grid border and background. It supports: IE6/7, FF2/3 and Safari and even works on an iPhone.

PlotKit

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported.

EJSChart

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

EJSChart supports mouse tracking, mouse events, key tracking and events, zooming. Scrolling, and crosshairs raise interactivity and user experience in web charting to a new level. You can choose multiple chart types: line, area, scatter, pie, bar and function series. Every aspect of the charting display can be configured and customized through well-documented properties and methods.

Only Pure Css Data Chart

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages
Data visualization is mostly achieved with flash applications or with help of some programming languages. Are those solutions the only way to present, let’s say simple data chart? How about giving it a try with nothing but good ol’ css? CSSGlobe provides this useful tutorial which explains how to draw simple data Charts using only CSS, without using JavaScript or any backend application.

fgCharting

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

fgCharting is a nice jQuery plug-in which allows you to plot easly charts. It supports several types of charts (line, filledLine, additiveLine, additiveFilledLine, pie, bar, additiveBar) you can customize how you prefer.

JavaScript Diagram Builder

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

The JavaScript Diagram Builder supports several types of chart and graph types including bars, dots, lines, and pie charts. The developer has provided a Browser Support tool to help you check if particular objects/methods of the library are supported by your current browser.

Canvas 3D Graph
20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

If you need to graph 3-dimensional data, Canvas 3D Graph is worth checking out. Canvas 3D Graph is written with excanvas.js to support Internet Explorer.

Dynamic Drive Pie Graph script

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

DynamicDrive offers a DHTML/CSS based solution for graphing pie charts. The implementation is straightforward, just include two scripts provided (wz_jsgraphics.js and pie.js), define the values of each segment of your pie chart either inline or in an external JS file, and you’re set!

Flotr Javascript Plotting Library

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

Flotr, written by Bas Wenneker of Solutoire.com, is a plotting solution inspired by Flot that uses the Prototype JS library and excanvas.js. It supports most modern browsers including Internet Explorer 6, and has many features of Flot including mouse tracking, selection, mouse-tracking features.

Emprise JavaScript Charts

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

Emprise JavaScript Charts offers a free Personal License for their feature-packed charting/graphing script. Check out their feature comparison table of the different types of licenses to see which license is right for you.

Dynamic Drive Line Graph Script

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

The Line Graph script is another DHTML solution from DynamicDrive that allows you display line graph data. The procedure for implementation is similar to the Pie Graph script.

JGraph

20 Really Useful Scripts To Plot Charts In Your Site Or Blog Pages

JGraph – JGraph is the leading Open Source Java Graph Visualization Library. It follows Swing design patterns to provide an API familiar to Swing programmers and functionality that provides a range of features. Graph visualization is a central requirement for applications such as workflow editors, computer and telecommunication networks display, flowcharts, VLSI and CAD, business process modeling, organizational charts, entity-relationship and cause and effect diagrams, and much more.

Guest post by Bariski, who is expert in Design, Photoshop, and Provides comprehensive Tutorials and Resources through his site Tutzone.





If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

Ah, statistic tools I love, I created one list some time ago too, found several tools I didn’t know, but I totally noticed how much whole business is dependent from your knowledge, you need to know what your clients want. Thanks.

great list, Im using YUI for my last project

[...] This post was Twitted by toni_kejr [...]

[...] This post was Twitted by toni_kejr [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingAppssmashingapps.com [...]

[...] This post was Twitted by jay_doubleyou [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps (tags: javascript design programming charts graphs tools resources graphics bluetree) [...]

[...] This post was Twitted by w3planting [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] This post was Twitted by Phatprovider [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps (tags: javascript design programming webdesign tools graphics resources visualization graph graphs charts) [...]

[...] : Delicious-IT | Date : Jun 29 2009 | Views : 2 views | Total Word : 9 | Print this Page! | Permalink! [...]

Great post, I’d could add pChart, which is one of the best for me, is extremly simple to use and the results are very good.

[...] View Article Share and Enjoy: [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps. [...]

[...] JavaScript – 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages – Tweeted by Smashing Magazine [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages [...]

[...] Link: 20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps [...]

I loved the Infinity theme, cool collection, thanks~!abercrombie

Great! Might try one.

Check out 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.

Individual users can also check free variant of “this application

Sorry for the broken link;)-http://www.flycharts.net/

Take a look at http://www.running-charts.com
Ajax charts without any plugins at IE 6.0, 7.0, 8.0, Firefox, Safari, Opera and Chrome.
Only JavaScript and CSS are needed.

Sorry, the comment form is closed at this time.