HTML5 Graphing and Data Visualization Cookbook

Recetario de Ben Fhala centrado en crear gráficos y visualizaciones de datos en el navegador, principalmente con el elemento canvas de HTML5 y JavaScript, tal como se trabajaba en 2012. No exige experiencia previa con HTML5 ni con Canvas, pero sí conocer HTML básico y saber programar en algún lenguaje, idealmente JavaScript. Se puede leer de principio a fin o consultar como referencia para tareas concretas.

Los dos primeros capítulos enseñan a dibujar en canvas, desde formas básicas hasta dibujo avanzado. Sobre esa base se construyen gráficos cartesianos (barras, dispersión, líneas, cascada y velas para datos bursátiles) y gráficos curvos (burbujas, pastel, dona, radar y árbol). Después propone visualizaciones menos convencionales, añade animación e interactividad a los gráficos estáticos y pasa al ecosistema de código abierto, con librerías de gráficos ya hechas. Cierra con Google Charts y con Google Maps: gráficos geográficos con la Google Visualization API, marcadores y personalización del estilo del mapa.

Las recetas se van haciendo más complejas e interactivas, y el último capítulo, «Maps in Action», integra datos y mapas en un proyecto completo. Su valor es didáctico: enseña a construir los gráficos a mano para entender su geometría, en lugar de limitarse a configurar una librería. Hay que tener en cuenta que no trata D3.js ni SVG en profundidad, y que algunas APIs y librerías de la época han cambiado (por ejemplo, Google Maps exige hoy clave de API). Es mejor complementarlo con herramientas actuales como Chart.js o D3.