The World is Your Canvas

Here is a new feature of Firefox 1.5.x, Apple Safari and Opera 9. I can draw using pure Javascript using the <Canvas> HTML Tag. In case you are using one of the browsers mentioned above, welcome to the brave new world of JavaScript Power. First it was Ajax now Canvas. Nice.
Actual Raw Data from System Logs Canvas Graph of the Same Data
Message Type sort iconCount
access denied17
content65
cron762
page not found2377
php1360
search31
user8
This is not an image. Cant see the graph, download Firefox.
The graph you are seeing above has been drawn using JavaScript only, it takes live data from my website CMS on types of errors/ activities occuring and paints it dynamically. Currently no Ajax, so you must refresh the page to see latest trends in errors.

More infomration about Canvas HTML tag is here. Also see these nice Javascript First Person Shooters here and here written using Canvas only.

For code right click and view source.

Submitted by Ajay Pal Singh Atwal on March 4, 2007 - 3:12am. categories [ Software Development ] Ajay Pal Singh Atwal's blog | 1172 reads

Post new comment

*
*
The content of this field is kept private and will not be shown publicly.


*

  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <b>
  • Lines and paragraphs break automatically.