The document discusses tools that can be used to create dynamic charts without Adobe Flash. It notes that Apple devices like iPhone and iPad do not support Flash, and many mobile devices do not either. It then provides solutions like generating images dynamically from data, using HTML5 Canvas, or SVG. It lists specific charting libraries and APIs that allow dynamic chart generation for various programming languages and platforms like PHP, Python, Java, .NET, and JavaScript.
1. TOOLS TO CREATE
DYNAMIC CHARTS
Without Adobe Flash
® ®
Erik Giberti
http://af-design.com
@giberti
2. WHY?
Apple isn’t going to support Flash on iPhone , iPod or iPad .
® ® ® ®
And many other mobile devices don’t support it either.
3. SOLUTIONS
• Generate Images Dynamically
Creating an image dynamically from your source data on the fly as the browser
requests it. Lacking in interactivity but supported by any device that supports
images.
• HTML5 Canvas Tag
Not natively supported by IE, although support can be enabled through use of
the ExplorerCanvas project. http://code.google.com/p/explorercanvas
• SVG (Scaleable Vector Graphics)
Allows for rich user experiences while remaining lightweight. Native support in
IE 9, plugins available for 8 and lower. Supported by all other major browser
lines.
6. HTML5 CANVAS
SOME OF THESE SUPPORT SVG TOO
• JS Charts http://www.jscharts.com
• PlotKit http://www.liquidx.net/plotkit
• Processing.js http://processingjs.org
• Dojo Toolkit http://www.dojotoolkit.org
• Bluff http://bluff.jcoglan.com
7. HTML5 CANVAS
SOME OF THESE SUPPORT SVG TOO
• Canvas 3D Graph http://dragan.yourtree.org/code/canvas-3d-graph
• TufteGraph (jQuery Based) http://xaviershay.github.com/tufte-graph
• Emprise JavaScript Charts http://www.ejschart.com
• Canvas Pie Chart with Tooltips (Mootools Based)
http://blog.greghoustondesign.com/canvas-pie-chart-with-tooltips
• MooChart (Mootools Based) http://moochart.coneri.se
8. HTML5 CANVAS
SOME OF THESE SUPPORT SVG TOO
• InfoVis Toolkit http://thejit.org
• Highcharts http://www.highcharts.com
• Flot http://code.google.com/p/flot
• Flotr Javascript Plotting Library (Prototype Based)
http://solutoire.com/flotr
• Graphico (Prototype + Raphael Based) http://grafico.kilianvalkhof.com