Canvas 3D Graph es un utilísimo Javascript que nos permite crear gráficos de barras 3D. Es fácil de implementar, los gráficos son de alta calidad y está en una versión inicial todavía por lo que en los planes de los desarrolladores está el incorporarle otras funcionalidades.

Como Internet Explorer no soporta la etiqueta <canvas>, el autor de esta biblioteca utiliza excanvas.js para crear los gráficos para este navegador. El problema de esto es que en dicho navegador puede congelarse en circunstancias en que esté graficando muchos datos. Para poner en contexto este problema, en Safari esta biblioteca funciona 10 veces más rápido que en IE.

Para implementarlo en cualquiera de nuestros desarrollos sólo se necesita:

  1. agregar los archivos .js a nuestro HTML que incluyen el enlace para que IE useexcanvas.js:<!–[if IE]><script type=“text/javascript” src=“excanvas.js”></script><![endif]–> <script type=“text/javascript” src=“canvas3DGraph.js”></script>
  2. colocar un DIV que contenga la etiqueta canvas y la info sobre el DIV;
  3. definir el código CSS;
  4. y finalmente el código que provee los datos a graficar.

Elegante, sencillo y útil, este proyecto que todavía se encuentra en sus inicios, parece que promete mucho y sin dudas tiene muchas probabilidades de convertirse en una herramienta a tener en cuenta en nuestros desarrollos.

Sitio: dragan.yourtree.org/code/canvas-3d-graph/

Vía: www.webappers.com

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT