Logo


Canvas 3D Graph

Posted in ajax, Programming, Javascript, graph by Dragan on the August 5th, 2007

Canvas 3D graph

So, what is this? i hear you wonder... :)

This is Canvas 3DGraph, special type of bar graph used to plot X-Y-Z values.

As you may know, <canvas> tag is not supported in IE, so I was forced to use excanvas.js in order to draw graph in IE. As the result of that, you may experience some freezes when you try to plot large amount of data in IE.
Firefox and safari works just fine (aprox 10x faster than emulated canvas in IE).

This is initial release, i plan to add many more features, so stay stay tuned for updates.
And if you have any comments or ideas please feel free to leave a comment.


Viewed 122800 times by 35075 viewers

30 Responses to 'Canvas 3D Graph'

Subscribe to comments with RSS or TrackBack to 'Canvas 3D Graph'.

  1. jesusvld said,

    on August 6th, 2007 at 3:42 pm

    Nice Job!!!


  2. on August 7th, 2007 at 4:10 am

    [...] Canvas 3D Graph - based on excanvas Javascript, works well at FireFox and Safari. [...]


  3. on August 7th, 2007 at 9:42 am

    [...] Con Canvas 3D Graph podrás introducir en tus páginas, de forma sencilla, impresionantes gráficos en 3D gracias a Bajcic Dragan [...]


  4. on August 7th, 2007 at 1:40 pm

    [...] Canvas 3D Graph This is Canvas 3DGraph, a special type of bar graph used to plot X-Y-Z values. [...]


  5. on August 8th, 2007 at 1:00 pm

    [...] /> ofrezcan gráficos 3D, muy elegantes para mostrar gráficas. [Demo][Descargar] Compártelo # « Sandbox: Clases dinámicas para pulir elCSS [...]


  6. on August 8th, 2007 at 8:51 pm

    [...] canvas 3d graph [...]


  7. on August 9th, 2007 at 10:58 am

    [...] Canvas 3D Graph - based on excanvas Javascript, works well at FireFox and Safari. [...]


  8. on August 23rd, 2007 at 3:05 am

    [...] http://dragan.yourtree.org/blog/en/2007/08/05/canvas-3d-graph/ [...]


  9. on August 27th, 2007 at 4:39 am

    [...] http://dragan.yourtree.org/blog/en/2007/08/05/canvas-3d-graph/ [...]

  10. Dyncincashy said,

    on November 1st, 2007 at 11:24 am

    ONLINE - DRUGSTORE!
    PRICES of ALL MEDICINES!

    FIND THAT NECESSARY...
    VIAGRA, CIALIS, PHENTERMINE, SOMA... and other pills!

    Welcome please: pills-prices.blogspot.com

    NEW INFORMATION ABOUT PAYDAY LOANS!

    Welcome please: payday-d-loans.blogspot.com

    GOOD LUCK!


  11. on November 20th, 2007 at 12:50 am

    buy online vs cialis buy online cialis dream


  12. on March 29th, 2008 at 4:36 am

    [...] [...]

  13. A Key said,

    on April 28th, 2008 at 4:23 am

    Impressive 3D graph, but I wonder if graphs have not lost their appeal over time -- perhaps pertinent only to those boardroom snoozer meetings.


  14. on June 20th, 2008 at 8:18 am

    Why do you use Canvas for that when good old xHTML+CSS+JS do a better job in term of browser support & accessibility & sharpness of the rendering ?


  15. on June 23rd, 2008 at 2:35 am

    [...] Canvas 3D Graph - based on excanvas Javascript, works well at FireFox and Safari. [...]

  16. lunkKimiFunk said,

    on August 3rd, 2008 at 11:46 am

    Very nice!!


  17. on August 4th, 2008 at 10:11 pm

    [...] Canvas 3D Graph [...]

  18. söve said,

    on August 7th, 2008 at 8:38 am

    Thank you for sharing....


  19. on August 26th, 2008 at 9:05 am

    [...] Canvas 3D Graph [...]


  20. on August 29th, 2008 at 8:33 am

    [...] Canvas 3D Graph [...]


  21. on September 7th, 2008 at 8:00 pm

    [...] Dynamic Drive Pie Graph script DynamicDrive offers a DHTML/CSS based solution for graphing pie charts. The implementation is straightforward, just include two scripts provided (wz_jsgraphics.js and pie.js), define the values of each segment of your pie chart either inline or in an external JS file, and you’re set! Dynamic Drive Line Graph script The Line Graph script is another DHTML solution from DynamicDrive that allows you display line graph data. The procedure for implementation is similar to the Pie Graph script. Canvas 3D Graph If you need to graph 3-dimensional data, Canvas 3D Graph is worth checking out. Canvas 3D Graph is written with excanvas.js to support Internet Explorer. The Dojo Charting Engine The Dojo Charting Engine is a solution written on top of the Dojo Toolkit JavaScript library. It is a feature-rich solution that includes trend methods for analyzing data on-the-fly, 3D visual bars, and animated hover-over effects. Note that the example test page linked on the project page doesn’t work, here’s the working example page link. Demonstration: Cylinder chart Your favorite charting solution not included in the list? Have a web page that uses any of the solutions above? Share it with all of us in the comments. [...]

  22. Envy said,

    on March 10th, 2009 at 4:40 pm

    thanks !! very helpful post!

  23. ita said,

    on May 18th, 2009 at 9:03 am

    Nice graph, but a few details make difficult to use for anything but very simple charts:
    1 size are hard-coded, if the canvas size is set to 400x400, everything collapses!
    2 the labels are not drawn with the canvas apis, with divs
    3 styles are hard-coded without using constants or a map of global variables
    4 no rotation is possible


  24. on May 23rd, 2009 at 11:04 pm

    good info. amicable dlog


  25. on June 26th, 2009 at 3:20 pm

    [...] Canvas 3D Graph [...]


  26. on June 26th, 2009 at 11:50 pm

    [...] Canvas 3D Graph [...]


  27. on June 27th, 2009 at 12:19 am

    [...] Canvas 3D Graph [...]


  28. on June 28th, 2009 at 2:03 am

    [...] Canvas 3D Graph [...]


  29. on June 29th, 2009 at 6:19 am

    [...] Canvas 3D Graph [...]


  30. on June 29th, 2009 at 10:24 am

    thnsk

Leave a Reply (English only)


All Rights Reserved, Copyright © 2007 Dragan Bajcic.
YourTree | Dragan@YourTree | Web Development and Consulting | rent a car srbija