D3 para impacientes

Apéndice B. Un kit de supervivencia SVG

Introducción

El formato Scalable Vector Graphics (SVG) es un formato de imagen vectorial para crear gráficos bidimensionales, con soporte para interactividad y animación. Los archivos SVG son archivos de texto basados en XML que pueden editarse manualmente y (al menos en principio) buscarse. SVG produce un árbol DOM (no una imagen "plana", como un lienzo).

Las imágenes SVG pueden ser documentos independientes (lo que es poco frecuente), o incluirse en una página web. Los navegadores actuales pueden manejar elementos <svg>...</svg>incluidos en documentos HTML. Los archivos SVG también pueden incluirse como otras imágenes: <img src="file.svg" />. En este caso, es obligatorio que el archivo SVG declare los espacios de nombres apropiados:

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:svg="http://www.w3.org/2000/svg">

En 1998 se formó un Grupo de Trabajo SVG del W3C ( ), y en 2001 se publicó una primera norma (SVG 1.0). Se está trabajando en una nueva versión (SVG 2) que integrará SVG con HTML5. Un borrador de norma para SVG 2 se convirtió en Recomendación Candidata del W3C en 2016.

Visión general

SVG define una serie de elementos gráficos renderizables, como formas básicas, elementos de texto y líneas y curvas. La apariencia de dichos elementos puede controlarse mediante atributos de presentación, que controlan el tamaño, la posición, el color, etc.

SVG define además varios elementos estructurales que se utilizan para organizar la información ...