D3 für die Ungeduldigen

Anhang B. Ein SVG-Überlebenspaket

Einführung

Das Scalable Vector Graphics (SVG)-Format ist ein Vektorgrafikformat zur Erstellung zweidimensionaler Grafiken mit Unterstützung für Interaktivität und Animation. SVG-Dateien sind XML-basierte Textdateien, die manuell bearbeitet und (zumindest prinzipiell) durchsucht werden können. SVG erzeugt einen DOM-Baum (kein "flaches", leinwandähnliches Bild).

SVG-Bilder können eigenständige Dokumente sein (was selten vorkommt) oder in eine Webseite eingebunden werden. Moderne Browser können mit <svg>...</svg>Elementen umgehen, die in HTML-Dokumenten enthalten sind. SVG-Dateien können auch wie andere Bilder eingebunden werden: <img src="file.svg" />. In diesem Fall ist es zwingend erforderlich, dass die SVG-Datei die entsprechenden Namensräume deklariert:

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

Eine W3C SVG-Arbeitsgruppe wurde 1998 gegründet, ein erster Standard (SVG 1.0) wurde 2001 veröffentlicht. Derzeit wird an einer völlig neuen Version (SVG 2) gearbeitet, die SVG mit HTML5 integrieren wird. Ein Standardentwurf für SVG 2 wurde 2016 zu einer W3C Candidate Recommendation.

Allgemeiner Überblick

SVG definiert eine Reihe von darstellbaren Grafikelementen, wie z. B. Grundformen, Textelemente, Linien und Kurven. Das Aussehen dieser Elemente kann durch Darstellungsattribute gesteuert werden, die Größe, Position, Farbe usw. bestimmen.

SVG definiert außerdem verschiedene Strukturelemente, die dazu dienen, die ...