Generating Graphics, Charts
Get flash to fully experience Pearltrees
The site is currently not available due to technical problems.
jqPlot Charts and Graphs | jQuery Plugins
This release primarily makes it easier to work with the sparklines if your environment requires you to pass options such as colours, etc on the tags themselves, rather than feeding them to the sparkline function. It also allows for values to passed as an attribute on the tag, as well as a comment inside the tag. This avoids the values being displayed on screen briefly before the sparkline function has a chance to execute.
jQuery Sparklines
A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc., Boston, MA
We've now rewritten and extended the code behind this technique and packaged it up as a new jQuery plugin called "visualize", which you can download below. The plugin provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.
irae's jquery-visualize at master - GitHub
Flot has supported plugins since v. 0.6. Some are bundled with Flot.
flot - Project Hosting on Google Code
Raphaël—JavaScript Library
// Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );
"Statista offers thousands of statistical graphs describing numerous topics. Highcharts is our first choice to display our charts because it’s fast, stable, accurate and beautifully designed." Dr.
Highcharts - Interactive JavaScript charts for your webpage
Flash and HTML5 Canvas Charting Library
Select a chart type, topic, and feature and view how easy it is to find the attributes you need. ZingChart aims to keep Flash and HTML5 chart syntax is the same. Write one JSON packet and have it render the same chart.
Google Chart Tools provide several ways to easily add charts to any web page.
Easy Graphs with Google Chart Tools | Nettuts+