
Beginning SVG
Alex Libby
- Editorial
- Apress
- Año
- 2018
- Páginas
- ~298
- Nivel
- Básico
De qué trata
Introducción práctica de Apress a SVG (Scalable Vector Graphics) escrita por Alex Libby, centrada en crear y manipular gráficos vectoriales directamente en el navegador para sitios y aplicaciones web. Usa básicamente un editor de texto, software gratuito y JavaScript, y está dirigida a desarrolladores web principiantes y equipos ágiles que conocen HTML, CSS y algo de JavaScript y quieren incorporar SVG con rapidez.
El libro se divide en tres partes. La primera presenta el formato y las distintas formas de añadir contenido SVG a una página (en línea, como imagen, desde CSS). La segunda entra en detalle: trabajo con imágenes y texto, dimensionado y viewBox para que los gráficos se adapten a cualquier tamaño, creación de filtros, animación de contenido y optimización para reducir el código inflado que generan muchos editores gráficos. La tercera lo aplica a casos reales: construcción de gráficos de datos, desde simples gráficos circulares hasta infografías animadas, e incorporación de librerías JavaScript especializadas en SVG, para terminar con ideas para seguir avanzando.
Es un libro orientado a ejemplos del mundo real, con pequeños ejercicios y demos en cada capítulo más que un gran proyecto único. Su punto fuerte es la visión de conjunto: muestra todo el ciclo, desde insertar un icono hasta optimizar y animar gráficos. Al ser introductorio, no profundiza en visualización de datos avanzada (para eso habría que pasar a D3.js) ni en herramientas de diseño como Illustrator o Inkscape más allá de lo necesario. Conviene tener soltura con CSS para aprovechar los capítulos de animación y estilos.
- SVG
- Gráficos vectoriales
- viewBox y escalado
- Filtros SVG
- Animación
- Optimización de SVG
- Gráficos de datos
- Librerías SVG
- CSS
- JavaScript
¿Cómo enseña?
Teoría + práctica
- ✓ Incluye ejercicios
- ✓ Incluye proyectos
Proyectos
Gráficos de datos e infografías en SVG
Construcción de gráficos con SVG, CSS y JavaScript, desde gráficos circulares sencillos hasta infografías más complejas y gráficos animados.

