Flexible Informationsgrafiken mit SVG

Skalierbare Vektor Grafiken (SVG) eignen sich für die detailreiche Darstellung von Informationsgrafiken am besten. Durch die Definition von width:100%; und height:auto; passt sich die Grafik in den verfügbaren Platz ein.

Info-Grafik als SVG in einem img-Tag

Übersicht der Webtechnologien rund um HTML5 — Grafik als SVG - Quelle: Wikipedia

Info-Grafik als GIF in einem img-Tag

Für dieses Beispiel wurde die max-width für das GIF gezielt nicht auf 100% begrenzt um den Unterschied zwischen GIF und SVG in der Darstellung auf sehr großen Bildschirmen deutlicher zu machen.

1. Abschnitts Überschrift

Li nov lingua franca va esser plu simplic e * regulari quam li existent Europan * lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.