Gráficas de barras con CSS

En Barras y gráficas bonitas 100% CSS encuentro una forma de mostrar gráficas de barras con CSS , la forma más limpia posible, es un recurso compatible con la gran mayoría de navegadores y 100% CSS. Se trata de CSS For Bar Graphs.

10 generadores o técnicas CSS útiles para generar gráficos.

En INTENTA encuentro un interesante enlace, se trata de 10 Free CSS Graph Resources, que puede venir bien en una web, cuando necesitamos mostrar gráficos estadísticos. En esta recopilación encontramos 10 generadores o técnicas CSS que pueden ser útiles a la hora de generar este tipo de gráficos:

• Ajax MGraph: desarrollado en XHTML u CSS, es una gráfica interactiva que funciona en Firefox, IE y Opera. Incluye integración PHP y de la base de datos.
• PlotKit: gráfica de tarta y de puntos, soporta Canvas y SVG y soporte de navegador.
• CSS Javascript Bar Charts: gráfica de barras sencillo.
• Vertical Bar Graphs with CSS and PHP: gráfica de barras con CSS y PHP.
• CSS For Bar Graphs: gráfica de barras usando los tanto por ciento que ofrece CSS.
• CSS Vertical Bar Graphs: gráfica de barras de forma sencilla.
• Displaying Percentages with CSS: barra de progreso mediante CSS.
• Dynamic Pie Chart with CSS: gráfica de tarta dinámica.

Rich Chart Live, crear gráficos numéricos online

Una muy interesante página mostrada por WWWHATSNEW, y también en BITELIA, se trata de Rich Chart Live, un recurso online que te permite generar gráficos elegantes a partir de una serie de datos que debes informar (podéis importarlos de excel u openoffice).

La interfaz con la que crear los gráficos está completamente realizada con Flash y nos permite modificar todas sus características a través de varias opciones:

• Template: Podemos elegir un tema para el gráfico.
• Data: Podemos introducir y modificar los datos desde la misma aplicación o bien importarlos de una hoja de cálculo existente (Excel, OppenOffice, Google SpreadSheets…).
• Series Style: Aquí podemos modificar el tipo de gráfico, su estilo y colores.
• Axes: Configuramos el aspecto de los ejes y el fondo del gráfico, eligiendo entre varias tramas y fotografías.
• Animation: Podemos asignar una animación al gráfico que será ejecutada cada vez que lo carguemos.
• Layout: Configuramos la página que rodea el gráfico, incluyendo los títulos de los ejes, gráficos y leyenda.
• Publish: Nos da varias opciones para guardar el resultado, puede ser en formato Flash, formato PowerPoint, guardar el gráfico y embeberlo en nuestra página gracias al correspondiente código.

La versión gratuita muestra irremediablemente un logo en el gráfico resultante.

FooPlot, gráficos matemáticos online

Fooplot, otra excelente opción para que los estudiantes y profesores de matemáticas puedan ver las funciones gráficamente.

Con Fooplot puedes dibujar funciones tanto en 2D como en 3D. Basta indicar la función con una o dos variables para que fooplot realice el gráfico con opciones de zoom y superposición de hasta 5.

Usa gráficos vectoriales y posee opciones para variar el zoom. Además podemos pasarle mediante GET (http://fooplot.com/funcionarepresentar) la función que deseemos representar. Algunos ejemplos:

-Seno de x: http://fooplot.com/sin(x)
-Función cuadrada: http://fooplot.com/x²

Sin duda, es una herramienta bastante útil.

Visto en: Wwwhats New? y Genciencia