Infografiken mit SVG

[Matthias Scharwies]

Servus!

Gunnar schrieb an Linuchs:

Ich würd mal sagen, du bist auf dem Holzweg.

Tu alles – Bild, Linien und Texte – ins SVG. Dann brauchst du keinerlei JavaScript-Gedöns. ☞ Beispiel

Ich würde so ein Bild mit Text-Erklärungen als Infografik ansehen.

Da haben wir 2 Tutorials:

• SVG/Tutorials/responsive_Imagemaps
  • leider kann man das SVG nicht als Grafik im Wiki darstellen, da es durch eine png-Vorschau ersetzt wird (Wir arbeiten an einem Makeover, dass dann die NativeSVGHandler-Extension beinhaltet. Dann könnte man es einfach so im Tutorial zeigen.)
• SVG/Tutorials/Infografiken

Ich würde vorschlagen, die irgendwann zusammenzufassen,

1. das Segelschiff mit immer vorhandenen Labels
2. die Mount Rushmore-Grafik mit :hover-Labels
3. dann Sonne, Mond und Sterne
4. und noch was knackiges. Habt ihr ne Idee, was man nehmen könnte?

Die lange Einführung in SVG will ich irgendwann als Video auf YouTube stellen. Am Ende eines solchen Tutorials oder Kurses ok, aber nicht am Anfang, wie es jetzt ist.

Herzliche Grüße

Matthias Scharwies