Gráficas estadísticas semi circulares con JavaScript

justGage es un practico plugin desarrollado con JavaScript para la creación de gráficas semi circulares, de manera sencilla y utilizando vectores, algo que garantiza una correcta visualización independientemente del dispositivo que se utilice.

Funciona en la mayoría de los navegadores modernos, principalmente por estar desarrollado utilizando gráficos SVG, el plugin se encuentra probado en IE6+, Chrome, Firefox, Safari, Opera, Android, etc.

Las opciones de configuración si bien no son muchas cumplen perfectamente con la gran mayoría de las necesidades promedio. Una opción interesante es la que permite mediante un simple parámetro, configurar el rango del gráfico, de esta forma nos garantizamos que la gráfica siempre va a mostrar valores acordes a la información que deseamos representar.

Ejemplo de uso:

Instalamos las bibliotecas:

<script src="raphael.2.1.0.min.js"></script>
<script src="justgage1.0.min.js"></script>

HTML:

<div id="gauge" class="200x160px"></div>

JavaScript:

<script>
	var g = new JustGage({
		id: "gauge",
		value: 67,
		min: 0,
		max: 100,
		title: "Visitors"
	});
</script>

Web: justGage