Building Web Applications With SVG

Guía de Microsoft Press, de la serie Developer Reference, sobre cómo usar SVG (Scalable Vector Graphics) para crear gráficos interactivos en aplicaciones web. Sus autores son David Dailey, Jon Frost y Domenico Strazzullo, este último creador de la librería Pergola. Se publicó en 2012, cuando SVG 1.1 ya funcionaba bien en todos los navegadores principales gracias a la llegada de Internet Explorer 9. Está dirigida a desarrolladores web con conocimientos de HTML, CSS y JavaScript que quieren generar gráficos del lado del cliente sin cargar el servidor.

El recorrido va de lo básico a lo avanzado. Empieza con los fundamentos de SVG y la creación y edición de formas complejas, trazos, rellenos y patrones reutilizables. Sigue con el texto, los estilos y las transformaciones para posicionar, escalar y rotar elementos. Después aborda el movimiento y la interactividad, primero con animaciones declarativas SMIL y luego con animaciones más potentes manipulando el DOM de SVG desde JavaScript. Dedica un capítulo propio a los filtros SVG (desenfoque, enfoque, distorsión y transformaciones de color) y otro a herramientas y recursos para trabajar con SVG. También presenta librerías como Pergola, D3 y Polymaps.

El libro termina con un capítulo de casos de estudio en el que se construyen dos aplicaciones web con muchos gráficos, apoyadas en esas librerías. La explicación de dibujo, transformaciones y filtros es sólida y no se limita a Internet Explorer, aunque la editorial sea Microsoft. Las máscaras se tratan de forma superficial, algunos listados de código XML son difíciles de leer y muchos enlaces del libro ya no funcionan. SMIL perdió protagonismo frente a las animaciones CSS, y D3 ha cambiado mucho desde entonces, así que conviene contrastar esas partes con la documentación actual.