February 2007
solutoire.com | Plotr
by 3 othersSome time ago I was looking for a charting framework for Prototype and I couldn’t find it, just because there’s none. So that’s where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It’s released under the BSD license.
October 2006
Another project: a moving clickable square - Anne’s Weblog
Not in ECMAScript though, in Java. Fun! A moving clickable square is essentially the same application (minus the bugs), but written using canvas
January 2006
SVG, Canvas & co - News Xulfr
Vous avez certainement pu voir la démo de l'horloge codée avec la technologie Canvas. Voici ce même exemple mais codé avec d'autres technologies.
Comment fonctionne l'application originale ?
Elle utilise une balise nommée <canvas/> qui permet de dessiner en Javascript. Conrètement, il y a un dessin pour le fond de l'horloge, et un dessin pour chaque aiguille. Via un code javascript du <canvas/>, les positions des aiguilles sont mises à jour. Le fait de pouvoir bouger l'horloge sur la page est une mise à jour des coordonnées du <div/> qui embarque l'horloge.
C'est une jolie démo qui montre comment utiliser Canvas et ce que l'on peut en faire.
René-Luc D'Hont vous propose exactement la même démo mais avec 2 autres technologies, le SVG et XBL.
Ces démos ne sont visibles que sous Firefox 1.5.
1
(3 marks)