]> http://www.ajaypal.com/taxonomy/term/3/0 en http://www.ajaypal.com/canvas_tag.html Here is a new feature of Firefox 1.5.x, Apple Safari and Opera 9. I can draw using pure Javascript using the <a href='http://developer.mozilla.org/en/docs/HTML:Canvas'>&lt;Canvas&gt; HTML Tag</a>. 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. <br /> <table> <tr> <th>Actual Raw Data from System Logs</th> <th>Canvas Graph of the Same Data</th> </tr> <tr> <td> <table> <tr><th class="active"><a href="taxonomy/term/3/0/feed?sort=desc&amp;order=Message+Type" title="sort descending" class="active">Message Type&nbsp;<img src="misc/arrow-desc.png" alt="sort icon" title="sort descending" /></a></th><th><a href="taxonomy/term/3/0/feed?sort=asc&amp;order=Count" title="sort by Count" class="active">Count</a></th> </tr> <tr class="dark"><td class="active">access denied</td><td>5</td> </tr> <tr class="light"><td class="active">content</td><td>173</td> </tr> <tr class="dark"><td class="active">cron</td><td>778</td> </tr> <tr class="light"><td class="active">page not found</td><td>1929</td> </tr> <tr class="dark"><td class="active">php</td><td>503</td> </tr> <tr class="light"><td class="active">search</td><td>21</td> </tr> <tr class="dark"><td class="active">user</td><td>8</td> </tr> </table> </td> <td><small>This is not an image.</small> <canvas id="canvas" width="320" height="300">Cant see the graph, download <a href='http://www.spreadfirefox.com/?q=affiliates&id=150090&t=64'>Firefox</a>.</canvas> </td> </tr> </table> <script type="application/x-javascript"> function draw() { var ctx = document.getElementById('canvas').getContext('2d'); if (ctx) { var typearr = new Array(); var countarr = new Array(); var fillarr = new Array(); typearr[0] = 'access denied' countarr[0] = '0.259201658891' fillarr[0] = 'rgb( 22,168 , 172)' typearr[1] = 'content' countarr[1] = '8.96837739762' fillarr[1] = 'rgb( 168,178 , 179)' typearr[2] = 'cron' countarr[2] = '40.3317781234' fillarr[2] = 'rgb( 132,123 , 99)' typearr[3] = 'page not found' countarr[3] = '100' fillarr[3] = 'rgb( 55,84 , 165)' typearr[4] = 'php' countarr[4] = '26.0756868844' fillarr[4] = 'rgb( 162,150 , 160)' typearr[5] = 'search' countarr[5] = '1.08864696734' fillarr[5] = 'rgb( 150,27 , 191)' typearr[6] = 'user' countarr[6] = '0.414722654225' fillarr[6] = 'rgb( 61,101 , 156)' var maxitems = 7 ctx.translate(250,250); ctx.rotate(Math.PI); ctx.beginPath(); ctx.moveTo(60,50); ctx.lineTo(60, 300); ctx.stroke(); ctx.moveTo(60,50); ctx.lineTo(300, 50); ctx.stroke(); for (i=0; i < typearr.length; i++) { ctx.fillStyle = fillarr[i]; ctx.fillRect(i*25+60, 50, 25,countarr[i]*2); ctx.fillRect(30, i*(10+5)+50, 10, 10); ctx.moveTo(0,i*(10+5)+50); ctx.lineTo(30, i*(10+5)+50); ctx.stroke(); } } else { alert("Oops: Canvas HTML tag not supported in your browser get Firefox"); } } draw(); </script> <!-- break --> 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. <p> More infomration about Canvas HTML tag is <a href='http://developer.mozilla.org/en/docs/Canvas_tutorial'>here</a>. Also see these nice Javascript First Person Shooters <a href='http://www.abrahamjoffe.com.au/ben/canvascape/'>here</a> and <a href='http://canvex.lazyilluminati.com.nyud.net:8080/83/play.xhtml'>here</a> written using Canvas only. </p> <p> For code right click and view source. </p> Software Development Sat, 03 Mar 2007 15:42:07 -0600 http://www.ajaypal.com/interesting_links.html <p>Some really interesting projects using GNU/ Linux</p> <ul > <li ><a href='http://www-128.ibm.com/developerworks/linux/library/l-knockage.html?ca=dgr-lnxw01Knock-Knock'>Operating your laptop computer using knocks</a></li> <li ><a href='http://www-128.ibm.com/developerworks/opensource/library/os-linuxmusic/'>Make your computer generate music from system events</a></li> <li ><a href='http://www.cs.unm.edu/~dlchao/flake/doom/'>Using Doom (The classic 3D game) as a user interface to control processes</a></li> Announcements GNU/ Linux Software Development Thu, 16 Nov 2006 12:39:30 -0600 http://www.ajaypal.com/hell_and_back.html <p>Hell, according to many religious beliefs, is a place or a state of pain and suffering (Ref: <a href='http://en.wikipedia.org/wiki/Hell'>Wikipedia.org</a>). And it is not limited to religious text books only. In my limited universe, I can imagin the following Hells that will haunt me besides the usual we can expect in this mortal world.</p> <p><b >The Coding Hell</b></p> <p>A recent post on drupal.org on <a href='http://drupal.org/node/77487'>The Road to Drupal Hell</a> or rather the classical hack the code to death hell. I do hope most of the software developers must be familiar with this.</p> PHP Politics Software Development Tue, 08 Aug 2006 01:54:41 -0500