kneath / g.raphael forked from DmitryBaranovskiy/g.raphael

Charts for Raphaël

This URL has Read+Write access

kneath (author)
Tue Oct 20 11:50:21 -0700 2009
commit  3b48b63da66130d8278f282e23cd1507d2e6f638
tree    660d77aeb80b9b74946f6ac9f2e58e92101a0c51
parent  bd24faf07b68518e0981c47fb4e14291d2b939bb
name age message
file .gitignore Loading commit data...
file README.md
directory examples/
directory lib/
directory src/
README.md

gRaphaël

gRaphaël's goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action.

gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+

Types of charts available

  • Pie Charts
  • Bar Charts
  • Line Charts
  • Dot Charts

Example Usage

Include raphael.js, g.raphael.js and any (or all) of g.line.js, g.bar.js, g.dot.js and g.pie.js into your HTML page and then use it:

// Creates canvas 640 × 480 at 10, 50
var paper = Raphael(10, 50, 640, 480);
// Creates pie chart at with center at 320, 200, radius 100
// and data: [55, 20, 13, 32, 5, 1, 2, 10]
r.g.piechart(320, 240, 100, [55, 20, 13, 32, 5, 1, 2, 10]);

Sample Chart Images

pie

line

bar

dot

More information

For more information, visit http://g.raphaeljs.com