Bei diesem Projekt handelt es sich um die Visualisierung von Weindaten mithilfe eines Scatterplots, Paralellen Koordinaten und einer Baumhierarchie.
Dies Projekt ist im Rahmen einer universitären Projektarbeit entstanden, in welcher verschiedene Visualisierungstechniken angewendet werden sollten. Folgende wesentliche Anforderungen gab es dabei an diese Arbeit:
- Visualisierungen mussten mithilfe der funktionalen Programmiersprache Elm erfolgen
- Es müssen drei verschiedene Visualisierungstechniken verwendet werden
- Aus folgenden Techniken sollte ausgewählt werden:
- Scatterplot, Zeitreihen-Diagramme
- Mehrdimensionale Darstellungen
- Icon und Pixel-orientierte Techniken
- Bäume und Graphen
- Aus folgenden Techniken sollte ausgewählt werden:
- Datensatz wurde Vorgeben
- Visualisierungen sollten zu einer Visualisierungsanwendung verbunden werden
In diesem Projekt wurde sich für den Scatterplot, die Paralellen Koordinaten und die Baumhierarchie entschieden. Die Verbindung der verschiedenen Visualisierungen erfolgte mithilfe des übersetzten Elm-Codes in Java Script und HTML.
Die Vorschau für dieses Projekt wurde mithilfe von GitHub Pages erstellt und ist unter folgendem Link erreichbar: https://ricbre.github.io/Elm-Projekt-WineInformation/.
Die Originaldaten wurden auf der Plattform Kaggle zur Verfügung gestellt. Diese wurde innerhalb des Projektes weiterverarbeitet. Die weiterverarbeiten Daten sind innerhalb des Projekts unter Aufbereitete Daten zu finden. Die Visualisierungen verwenden dabei die Datei WineInformationExcelAufbereitetKlein.
In diesem Projekt wurden folgende Programmiersprachen eingesetzt:
Folgende Elm-Pakete werden benötigt, um das gesamte Projekt ausführen zu können:
- alex-tan/elm-tree-diagram (Version: 1.0.0)
- avh4/elm-color (Version: 1.0.0)
- elm/browser (Version: 1.0.2)
- elm/core (Version: 1.0.5)
- elm/html (Version: 1.0.0)
- elm/http (Version: 2.0.0)
- elm/json (Version: 1.1.3)
- elm-community/list-extra (Version: 8.3.1)
- elm-community/typed-svg (Version: 7.0.0)
- ericgj/elm-csv-decode (Version: 2.0.1)
- folkertdev/one-true-path-experiment (Version: 6.0.0)
- gampleman/elm-visualization (Version 2.3.0)
- lovasoa/elm-csv (Version: 1.1.7)
- zwilias/elm-reorderable (Version: 1.3.0)
Da die Visualisierungen einmal im JavaScript/ HTML Seite vorliegen und als Elm Code gibt es unterschiedliche Möglichkeiten, dieses Projekt lokal bereitzustellen.
Um sich beide die Elm oder HTML Version des Projektes anzuschauen, muss innerhalb dieses der Terminalbefehl elm reactor ausgeführt werden.
Anschließend ist das Projekt unter http://localhost:8000/ im Browser der Wahl zu erreichen.
Genauere Informationen zum elm reactor sind hier zu finden.
Falls der Elm-Code in eine Webseite mit eingebunden JavaScript übersetzt werden sollte, muss innerhalb des Terminals der Befehl elm make [DATEINAME] eingegeben werden.
Anschließend wird automatisch eine entsprechende HTML Datei erstellt.
Genauere Informationen zu elm make sind hier zu finden.