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



on August 6th, 2007 at 3:42 pm
Nice Job!!!
on August 7th, 2007 at 4:10 am
[...] Canvas 3D Graph - based on excanvas Javascript, works well at FireFox and Safari. [...]
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 [...]
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. [...]
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 [...]
on August 8th, 2007 at 8:51 pm
[...] canvas 3d graph [...]
on August 9th, 2007 at 10:58 am
[...] Canvas 3D Graph - based on excanvas Javascript, works well at FireFox and Safari. [...]
on August 23rd, 2007 at 3:05 am
[...] http://dragan.yourtree.org/blog/en/2007/08/05/canvas-3d-graph/ [...]
on August 27th, 2007 at 4:39 am
[...] http://dragan.yourtree.org/blog/en/2007/08/05/canvas-3d-graph/ [...]
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!
on November 20th, 2007 at 12:50 am
buy online vs cialis buy online cialis dream
on March 29th, 2008 at 4:36 am
[...] [...]
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.
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 ?
on June 23rd, 2008 at 2:35 am
[...] Canvas 3D Graph - based on excanvas Javascript, works well at FireFox and Safari. [...]
on August 3rd, 2008 at 11:46 am
Very nice!!
on August 4th, 2008 at 10:11 pm
[...] Canvas 3D Graph [...]
on August 7th, 2008 at 8:38 am
Thank you for sharing....
on August 26th, 2008 at 9:05 am
[...] Canvas 3D Graph [...]
on August 29th, 2008 at 8:33 am
[...] Canvas 3D Graph [...]
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. [...]
on March 10th, 2009 at 4:40 pm
thanks !! very helpful post!
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
on May 23rd, 2009 at 11:04 pm
good info. amicable dlog
on June 26th, 2009 at 3:20 pm
[...] Canvas 3D Graph [...]
on June 26th, 2009 at 11:50 pm
[...] Canvas 3D Graph [...]
on June 27th, 2009 at 12:19 am
[...] Canvas 3D Graph [...]
on June 28th, 2009 at 2:03 am
[...] Canvas 3D Graph [...]
on June 29th, 2009 at 6:19 am
[...] Canvas 3D Graph [...]
on June 29th, 2009 at 10:24 am
thnsk