Clicky

Crea gráficos para tu sitio con HTML5

chart.js

La librería Chart.js es libre, ligera (4,5 k minificada y comprimida) y ofrece un montón de opciones de personalización.

Chart.js es un sistema de representación gráfica orientada a objetos que utiliza JavaScript y HTML5 Canvas para crear seis tipos diferentes de gráficos. Permite gráficos de líneas, gráficos de barras, gráficos de radiales, gráficos circulares, gráficos de áreas polares y gráficos de anillos, todos muy animados y totalmente personalizables. Es más, están presentados en suficiente alta resolución como para pantallas de retina.

gráfico de líneas

 

Los gráficos de líneas

Los gráficos de líneas son probablemente el gráfico más ampliamente utilizado para mostrar tendencias.

Chart.js tiene un montón de opciones de personalización para los gráficos de líneas, junto con soporte para múltiples conjuntos de datos que se trazan en un gráfico.

gráfico de barras

 

Los gráficos de barras

Los gráficos de barras también son muy buenos para mostrar datos de tendencia.

Chart.js soporta gráficos de barras con una carga de estilos personalizados y la posibilidad de mostrar varias barras para cada valor de x.

gráfico radial

 

Los gráficos radiales

Los gráficos radiales son buenos para la comparación de una selección de diferentes piezas de datos.

Chart.js soporta múltiples conjuntos de datos representados en el mismo gráfico radial. También es compatible con todas las opciones de personalización y la animación que usted esperaría.

gráfico circular

 

Los gráficos circulares

Los gráficos circulares son buenos para la comparación de proporciones en un único conjunto de datos.

Chart.js muestra gráficos circulares animados con colores personalizables, movimientos, aliviando la animación y efectos.

gráfico áreas polares

 

Gráficos de áreas polares

Gráficos de áreas polares son similares a los gráficos circulares, pero la variable no es la circunferencia del segmento, sino el radio de la misma.

Chart.js entrega gráficos animados de áreas polares con segmentos de color personalizados, junto con escalas personalizadas y animación.

gráfico de anillos

 

Los gráficos de anillos

Al igual que los gráficos circulares, los gráficos de anillos son ideales para mostrar los datos proporcionales.

Chart.js ofrece las mismas opciones de personalización en cuanto a diagramas de sectores, pero con un recorte interior de tamaño personalizado para convertir sus tartas en rosquillas.

Jesus_Caceres