En los últimos años se ha producido una enorme proliferación de datos en bruto que deben de ser procesados y preparados de una forma comprensible y visualmente atractiva para el usuario final.
La mayoría de estas representaciones se integran en servicios web, y de muchas de ellas se espera que sean interactivas. Esto supone que el lenguaje de programación utilizado en muchas ocasiones sea JavaScript y que los datos a tomar en muchos ocasiones, en formatos JSON.
Desde Fractalia, hemos desarrollado un estudio de las principales herramientas que crean visualizaciones de datos. En este post, exponemos los resultados del análisis del estado del arte del software o librerías que permiten el desarrollo de un visualizador de gráficos.
1.- jqPlot http://www.jqplot.com/
Librería escrita en JQuery y Javascript que utiliza el elemento Canvas para representar del lado del cliente gráficos dinámicos por medio de programación. Esta librería destaca sobre todo por sus posibilidades y por ser el software que da opciones más avanzadas para generar gráficas y de modificación dinámica. Por ejemplo, presenta hasta 9 ejes Y, además permite introducir fechas en los ejes personalizables.
Entre sus ventajas podemos destacar la versatilidad para la representación gráfica. También consideramos importante destacar que se trata de un software gratuito y de código abierto.
Por otro lado, el principal inconveniente que se ha identificado de este software, es que bajo nuestro punto de vista estético la herramienta presenta gráficos visualmente menos atractivos y desde el punto de vista técnico, no ofrecía los mejores resultados frente a la versatilidad buscada.
Un ejemplo de representación gráfica de jqPlot puede ser la siguiente.
2.- Highcharts http://www.highcharts.com/products/highcharts
Biblioteca de gráficos escritos en JavaScript puro que ofrece una forma fácil de añadir gráficos interactivos a su sitio web o aplicación web, basada en JQuery por lo que permite generar todo tipo de Charts.
Funciona en todos los navegadores modernos, incluyendo el iPhone / iPad e Internet Explorer desde la versión 6. Se basa únicamente en tecnologías de navegación nativas que no requieren plugins secundarios del lado del cliente como Flash o Java.
Una de las características clave de Highcharts es que permite a los desarrolladores descargar el código fuente y hacer sus propias ediciones. Esto permite modificaciones personales y una gran flexibilidad.
Sin duda, se trata del software de representación gráfica muy resolutivo, de hecho, ha sido empleado para la representación de parámetros ambientales prevenientes de una red de sensores de algunos programas comerciales que ya están en el mercado.
El inconveniente que presente es que aunque existe una versión libre para aplicaciones no comerciales, es necesario contratar licencias de un coste mínimo de 90 $.
Un ejemplo de representación gráfica realizara por Highcharts es:
3.- jqWidgets http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/
Visualizador gráfico fácil de usar. Basado en la librería jQuery. Escrito 100% en JavaScript y utiliza los estándares del W3C como HTML5, CSS y SVG.
Este software ofrece un óptimo rendimiento en la representación y visualización de alta calidad en todos los navegadores y dispositivos (PCs, ordenadores portátiles, tabletas y teléfonos móviles). Detecta automáticamente las funciones del explorador y utiliza SVG o HTML5. Además de admitir datos de tipo XML, CSV, TSV, JSON Y JSONP.
jqWidgets se presenta como el último conjunto de herramientas de interfaz de usuario para la próxima generación de desarrollo de aplicaciones de nube y se construyen enteramente en estándares y tecnologías como HTML5, CSS, JavaScript y jQuery abiertos.
El principal inconveniente que identificaos es que no es un visualizador gratuito.
Un ejemplo de representación gráfica realizara por jqWigdets puede ser:
4.- Kendo UI http://www.telerik.com/kendo-ui
Librería JavaScript para el desarrollo de aplicaciones web enriquecidas del lado del cliente, con diversas interfaces de usuario dinámicas basadas en jQuery, con una increíble visualización de datos empleando HTML5.
Kendo es un paquete de librerías listas para usar por los desarrolladores en páginas web dinámicas enteramente realizadas con JavaScript y basadas en jQuery. Sin duda su fuerte son las interfaces de usuarios listas para incorporar en los proyectos web.
La variedad de componentes para interfaces de usuario de kendo UI incluye menús dinámicos, gráficas, paneles, ventanas, sistemas de upload de archivos, etc. En total son 13 tipos de distintos de widgets altamente personalizables y con funcionalidades realmente avanzadas.
Además esta librería es compatible con todos los navegadores. De esta forma, tanto las funcionalidades del framework como los distintos widgets, corren perfectamente en Internet Explorer (desde la IE7 en adelante), Chrome o Firefox, tanto en los navegadores móviles en plataformas como iOS y Android.
El principal inconveniente de este software es que aunque ya no está en versión Beta, todavía no es totalmente estable, por lo que de forma habitual se publican nuevas versiones sobre el mismo. Además para emplearlo, es necesario adquirir una licencia comercial.
Un ejemplo de representación gráfica realizara por Kendo UI puede ser:
5.- Flot http://www.flotcharts.org/
Biblioteca JavaScript con un aspecto simple y atractivo que presenta características interactivas.
Se trata de una librería gratuita y de código abierto. Además esta librería se encuentra en la comunidad de software libre GitHub, considerada como la mayor anfitriona de código del planeta, con más de 9,6 millones de repositorios. Se trata de una comunidad muy activa, muy acta para el desarrollo de proyectos novedosos.
La navegabilidad es posible tanto en Internet Explorer, Chrome o Firefox como en navegadores móviles en plataformas como iOS y Android. Por último, la inserción de datos se efectúa con formato JSON. Además consideramos que la manipulación del código es intuitiva y sencilla comprada con otros software analizados.
Un ejemplo de representación gráfica realizara por Flot puede ser:
De entre las herramientas de visualización de datos analizadas, destacamos la herramienta de software gratuito Flot, dada la facilidad en el manejo de la misma, así como por tratarse de una herramienta con navegabilidad tanto en PC como en tablets y smartphones y con respecto a las librerías de pago destacamos Highcharts, por la calidad de sus gráficas y por tratarse de una solución multidispositvo.
Leave a Comment