Testing

Programmieren mit Data Driven Documents D3.js in Action: Implementierung einiger Beispiele

Sorry, this entry is only available in German. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.

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

  1. D3 Basics
  2. D3 Paths (UK-Path)
  3. Graphen
  4. einfache Animation mit Transition
  5. einfache Animation entlang eines SVG-Pfades
  6. Interaktivität des Users (Klick-Spiel)
  7. Deutschland-Map mit Landkreisen und Arbeitslosenquote
  8. Weltkarte
  9. Interaktive Weltkarte mit umstrittenen Gebieten
  10. Performance-Tests von SVG und Animationen

Bisher keine Kommentare

Kommentar schreiben

Leave a Reply

Your email address will not be published. Required fields are marked *