Da ich mich während meines Masterstudiums auf das Thema Web-Technologien konzentriere, habe ich einige Test-Implementierungen Im Rahmen einer Studienarbeit umgesetzt.
Die Aufgabe bestand darin einige Testimplemtierungen umzusetzen, um die Leistungsfähigkeit der Bibliothek D3.js (D3 -> Data Driven Documents siehe: https://d3js.org/) anhand einiger ansprechender Beispiele zu veranschaulichen. Die Beispiele basierean alle auf der Kombination von HTML, CSS, SVG und JavaScript. Neben einfachen Implementierungen, wie der Pfad-Verfolgung, Graphen oder Animationen sind praktisch-orientierte Tests, wie etwa Kartendarstellungen, Performance-Tests und sogar ein sehr einfaches Spiel. Alle Beispiele sind mit dem dazugehörigen Quellcode abgebildet, sodass man das ganze untersuchen kann.
Das Ganze ist hier zu finden: D3.js in Action
- D3 Basics
- D3 Paths (UK-Path)
- Graphen
- einfache Animation mit Transition
- einfache Animation entlang eines SVG-Pfades
- Interaktivität des Users (Klick-Spiel)
- Deutschland-Map mit Landkreisen und Arbeitslosenquote
- Weltkarte
- Interaktive Weltkarte mit umstrittenen Gebieten
- Performance-Tests von SVG und Animationen