blogfreakz.com » Charts/Graph

RGraph -HTML5 canvas graph library

Mufti Ali — Tue, 09 Mar 2010 16:15:15 +0000

RGraph is a HTML5 canvas graph library. It uses features that became available in HTML5 (specifically, the CANVAS tag) to produce a wide variety of graph types: bar chart, bi-polar chart (also known as an age frequency chart), donut chart, funnel chart, gantt chart, horizontal bar chart, LED display, line graph, meter, odometer, pie chart, progress bar, pseudo radar chart, scatter graph and traditional radar chart.

This library uses HTML5 features which are implemented in recent browsers. As such you will need to be using one of these latest browsers: Firefox 3.5+, Chrome 2+, Safari 4+, Opera 10.5+ or Internet Explorer 8.
Older versions of Opera and other older browsers are supported in a limited fashion. If they don’t support text or shadows these will naturally be unavailable.By now, only beta version available for download.

Requirements: Firefox 3.5+, Chrome 2+, Safari 4+, Opera 10.5+ or Internet Explorer 8
Demo: http://www.rgraph.net
License: Free for non commercial use

Incoming search terms for the article:

Scruffy – Beautiful Graphs for Ruby

Mufti Ali — Sun, 07 Mar 2010 15:10:18 +0000

Scruffy is a Ruby library for generating attractive and powerful graphs, useful for web applications, print media and many others. It’s highly customizable and powerful. You can change the backgrounds, mix different types of graph together, change the graphics used for the points, change the line types, etc. You can also render to different types of output.

With this library you can draw many type of graph on ruby such as Pie Chart, Line Graph, Bar Graph, Split Graph, Stacking Graph and Multi-viewport Multi-layered graph.

Demo: http://www.ibrasten.com/articles/tag/scruffy
Website: http://scruffy.rubyforge.org/
License: MIT license

Incoming search terms for the article:

Gruff Graphs – making beautiful graphs with Ruby

Mufti Ali — Tue, 23 Feb 2010 07:04:08 +0000

The Gruff Graphing Library is a project to make beautiful graphs with Ruby created by Geoffrey Grosenbach. It Can be used alone or with Ruby on Rails. This library allow us to graph negative numbers (line and bar), specify colors, and customize the graphs in other ways.

Demo: http://geoffreygrosenbach.com/projects/show/5
Website: http://nubyonrails.com/pages/gruff
License: MIT License

Incoming search terms for the article:

mooBarGraph – AJAX graph for MooTools

Mufti Ali — Sat, 20 Feb 2010 14:49:14 +0000

mooBarGraph is AJAX graph plugin for MooTools which support two types of graphs, simple bar and stacked bar graph. This plugin made graph from your JSON data and is compatible with all major browsers including IE6. This is jqBarGraph on steroids. It have almost all jqBarGraph possibility, plus some new features, like url bars, info boxes, negative values, AJAX data loading.

Features

You can set label, color, url and tooltip text for every bar
Bars can be simple or stacked
Legend can be created automatically
Data can be loaded with AJAX and can have negative values for simple type
Compatible with all major browsers including IE

Requirements: MooTools framework
Demo: http://workshop.rs/projects/moobargraph
Website: http://workshop.rs/2010/02/moobargraph-ajax-graph-for-mootools/
License: GPL License

Incoming search terms for the article:

jqBarGraph – display data as graphs jQuery plugin

Mufti Ali — Fri, 19 Feb 2010 19:21:03 +0000

jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin. This plugin is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

It has a lot of settings to tune appearance of our graph, such as animation, color scheme, dimensions etc. We can also add additionally change look and feel of graph via CSS.

Requirements: jQuery framework
Demo: http://www.workshop.rs/jqbargraph/
Website: http://workshop.rs/2009/12/jqbargraph-jquery-graph-plugin/
License: GPL License

Incoming search terms for the article:

Grafico – charting library built with Raphael and Prototype.

Mufti Ali — Sat, 13 Feb 2010 16:05:28 +0000

Grafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and Edward Tufte. Grafico provides pretty charts that effectively communicate their information.

This means you get awesome graphs such as stacked area charts and sparklines, but no pie charts or bar charts with every bar a different color. Each graph type has numerous API options to customize it’s look and behavior.

Available graphs:

Line graphs
Area graphs
Stacked area graphs
Bar graphs
Horizontal bar graphs
Sparklines
Sparkbars
Sparkareas

Minified, Grafico is about 30kb and available under the MIT license.

Requirements: Raphael and Prototype.js
Demo: http://kilianvalkhof.com/2010/design/grafico-javascript-charting-library/
License: MIT License

Incoming search terms for the article:

moochart – bubble diagaram mootools plugin

Mufti Ali — Wed, 30 Dec 2009 04:22:56 +0000

moochart is a plugin for MooTools 1.2 to create goog looking and customable bubble diagrams on the canvas tag. The moochart can be customized using a bunch of options or argument such as, width, height, bubbleSize, line color , bubble color, tooltips and more.

It was originally developed for an EU-Project on the Adobe AIR platform. In the current version moochart work properly on Adobe AIR 1.0+, Safari 2+, Firefox 2+, Opera 9+ and Internet Explorer. Moochart is released as Open Source under the MIT license.

Requirements: Mootools framework
Demo: http://moochart.coneri.se/#demo
License: MIT license

Incoming search terms for the article:

TufteGraph – Make pretty graphs with javascript

Mufti Ali — Thu, 24 Dec 2009 15:48:51 +0000

TufteGraph is a jQuery plugin that allow us to create standard & bar charts. It is different from other javascript charting libraries because, TufteGraph is configurable and it has dynamic functions, allowing for a really compact API (very few options and non-core layout is done via CSS rather than code.

You need to be using jQuery and also the jQuery enumerable plugin. By default your graph won’t be that pretty because it needs to be styled. I recommend tufte-graph.css as a good starting point.

Demo: http://xaviershay.github.com/tufte-graph/
License: MIT License

Incoming search terms for the article:

sparkline – small inline chart JQuery plugin

Mufti Ali — Sun, 20 Dec 2009 04:34:41 +0000

sparkline is jQuery plugin to generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. This JQuery plugin allow Us to easily create line (default), bar, tristate, discrete, bullet, pie or box charts.

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7 & 8.

Each example displayed takes just 1 line of HTML or javascript to generate.

The plugin was written by Gareth Watts for Splunk Inc and released under the New BSD License.

Demo: http://omnipotent.net/jquery.sparkline/
License: New BSD License

Incoming search terms for the article:

dygraphs – JavaScript Visualization Library

Mufti Ali — Wed, 16 Dec 2009 03:14:32 +0000

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. You can mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out.

Features

Plots time series without using an external server or Flash
Works in Internet Explorer (using excanvas)
Lightweight (45kb) and responsive
Displays values on mouseover (this makes it easily discoverable)
Supports error bands around data series
Interactive zoom
Adjustable averaging period
Can intelligently chart fractions
Customizable click-through actions
Compatible with the Google Visualization API
Intelligent defaults make it easy to use

Requirements: Javascript enable
Demo: http://www.danvk.org/dygraphs/
License: License Free