Beginning JavaScript Charts

Manual extenso de Fabio Nelli, especialista en aplicaciones científicas, sobre cómo crear gráficos interactivos y animados en el navegador con JavaScript. Trabaja con las herramientas de 2013: jQuery, jqPlot, la rama 3.x de D3 y Highcharts, sobre HTML5, CSS3 y SVG. La editorial dice que sirve para desarrolladores de cualquier nivel. En la práctica, conviene saber algo de HTML, CSS y JavaScript, porque los primeros capítulos repasan jQuery y las tablas HTML con bastante rapidez.

El libro tiene tres bloques. En el primero, después de un panorama de las tecnologías de gráficos y una introducción a jQuery, se dibujan a mano gráficos de líneas, de barras y de pastel, y se reúne ese código en una pequeña librería propia. El segundo bloque, el más largo, trata jqPlot: gráficos de líneas, barras, pastel y dona, velas (candlestick), dispersión y burbujas, y embudo, además de controles interactivos, integración en widgets de jQuery UI, manejo de datos de entrada y un apéndice sobre sus plugins. Un capítulo de transición muestra cómo pasar de jqPlot a Highcharts. El tercer bloque cubre D3: selecciones, escalas y ejes para construir gráficos de líneas, barras, pastel, velas, dispersión, burbujas y radar, y un capítulo sobre datos en tiempo real. Los datos pueden venir de tablas HTML, bases SQL, archivos de Excel o MATLAB, e incluso de placas Arduino.

La práctica consiste en muchos ejemplos paso a paso, uno por tipo de gráfico, más la librería de gráficos hecha con jQuery. Su mayor aporte es comparar tres enfoques: lo rápido (jqPlot), lo profesional (Highcharts) y lo totalmente a medida (D3). Hoy hay que leerlo con cuidado. jqPlot ya no se mantiene. D3 cambió mucho su API desde la versión 4 (por ejemplo, d3.scale.linear pasó a ser d3.scaleLinear), así que los ejemplos requieren ajustes. Highcharts necesita licencia para uso comercial. Sigue siendo útil para entender los fundamentos de la visualización con SVG y canvas, pero no trata librerías actuales como Chart.js ni frameworks modernos.