Tuesday, October 3rd, 2006
Category: Canvas
, Programming
, UI
>Dynamic graphics inside the browser are starting to become a little bit more practical, thanks to increased support for Canvas and SVG. I recently discussed eight competing techniques for generating dynamic graphics in an Ajax application, each with their own implications for portability, usability, and performance.
The following techniques are descibed:
- SVG
- Canvas
- Dynamic images from the server
- VML
- Richer Plugin (e.g. Flash)
- CSS/DOM
- data: resource
- XBM
- Cybit offers fleet managers dynamic timesheets
Fleet managers are being offered Dynamic Timesheets from Cybit, which give them illustrated reporting on their vehicle movements throughout the...
- NCSA
NCSA at the University of Illinois in Urbana, Illinois is the home of the first Web browser that had a graphical user...
- Ajax framework offers graphics, animation
Bindows 3.0 from MB Technologies Inc. is a newly released commercial Ajax framework for building rich Internet applications (RIAs) with a Windows look...
- Structured Graph Format (SGF)
Structured Graph Format (SGF), an application of the Extensible Markup Language (XML), is used to describe a Web site so that its pages and content...
- SGF
Structured Graph Format (SGF), an application of the Extensible Markup Language (XML), is used to describe a Web site so that its pages and content...
Right Now I am using Dynamic Images from the server. I created the once on the server then passes it to the enduser everytime after that until the data is stale (an admin adds an event) then I re-cache the image on the server side with the new data. This saves the server from getting uneeded db hits and strain from creating the images over n over n over.
What about the GD library for PHP? You can do some prett amazing things with that, and coupled with Ajax the possibilities are almost limitless. Plus it has the advantage of not requiring any special plugins or capabilities for client browsers, just the GD library/module installed on the PHP serving server.
The dojo library will have a cross-browser SVG/VML library (dojo.gfx) for uniform rendering of graphics across browsers without plugins.
A promising flash-based approach is AFLAX.
My solution is with php and the gd library
In my opinion this is just another proof of concept, it may have some minor applications where it will actually be used, but on a large scale we’ll not see anything change for quite some time: images are either static or serverside generated. Messing around with client side graphing adds too much to bother about.
An example of technique number 6, combined with real-time server-pushed data through the Comet paradigm is visible here (based on Lightstreamer):
http://app.lightstreamer.com/ChartDemo/
Why AJAX needs Flash
Why AJAX needs Flash: If you develop SWF you may have already seen this Visual Synthesizer from Big Spaceship, but I think it’s useful for Web2.0 types to look at as well, particularly because any browser which supports XmlHttpRequest will likely supp…
Also check out this ajax/dhtml based website which allows flowcharting in both IE and firefox. Backend processing allows you to save images as jpeg/png/svg or pdf.
http://www.cumulatelabs.com
worth a look
Open-jACOB: http://www.openjacob.org
Ajax Draw2D: http://www.openjacob.org/draw2d.html
Ajax Workflow: http://www.openjacob.org/jacob.blooper.html
greetings
Andreas