Mastering SVG

Manual completo de Rob Larsen (Packt, 2018) sobre SVG, el formato de gráficos vectoriales que se escala sin perder calidad, aplicado al desarrollo web. Enseña a usarlo para ilustraciones, animaciones y visualizaciones de datos combinado con HTML, CSS y JavaScript. Está dirigido a desarrolladores y diseñadores web que quieren dominar SVG más allá de insertar un icono. Se necesita algo de experiencia previa con HTML, CSS y JavaScript.

El libro empieza por los fundamentos: qué es SVG, cómo escribir documentos a mano con sus elementos y atributos más comunes (formas, trazados, gradientes, patrones, recortes, máscaras y filtros) y cómo configurar un servidor para entregarlos. Luego explica cómo usar SVG en HTML: imágenes responsivas, sprites SVG como sustituto de los sprites CSS e iconos. Sigue con el estilo y la animación mediante CSS y transformaciones, y con la manipulación desde JavaScript usando la API del DOM de SVG. También muestra cómo integrar SVG con jQuery, React y Angular, trabajar con las librerías Snap.svg y SVG.js, y crear visualizaciones con D3.js. El último capítulo trata herramientas de optimización como svgcleaner.

No hay un proyecto único: el aprendizaje se apoya en muchos ejemplos de código por capítulo, entre ellos animaciones y visualizaciones de datos sencillas. Es una de las referencias más completas sobre SVG para la web, y la parte de autoría y de la API del DOM sigue vigente. Las secciones sobre frameworks y librerías tienen más fecha: jQuery ha perdido peso y Snap.svg está poco mantenido. Los capítulos de D3 son solo una introducción, así que para visualización de datos avanzada hará falta material específico.