https://github.com/gerdesque/pastforwardgraph
Visualisierung eines Graphen für das Projekt "past forward" im Rahmen von Coding da Vinci Rhein-Main 2018
https://github.com/gerdesque/pastforwardgraph
d3js hackathon
Last synced: about 1 year ago
JSON representation
Visualisierung eines Graphen für das Projekt "past forward" im Rahmen von Coding da Vinci Rhein-Main 2018
- Host: GitHub
- URL: https://github.com/gerdesque/pastforwardgraph
- Owner: gerdesque
- Created: 2018-11-11T19:36:09.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-07-10T13:26:37.000Z (almost 6 years ago)
- Last Synced: 2025-01-30T19:27:25.290Z (over 1 year ago)
- Topics: d3js, hackathon
- Language: JavaScript
- Homepage: https://gerdesque.github.io/pastforwardgraph/
- Size: 43.9 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [past forward graph ⏩](https://gerdesque.github.io/pastforwardgraph/)
Das Projekts kann unter [past forward ⏩](https://gerdesque.github.io/pastforward/) besucht werden!
Die Datei films.json enthält alle Videosequenzen samt Verlinkungen zueinander. Eine Videosequenz ist ein Ausschnitt aus einem der 22 Filme, der mit Start- und Endzeit klar abgesteckt ist.
Dies kann visuell unter https://gerdesque.github.io/pastforwardgraph/index.html eingesehen werden.
Alle Videosequenzen werden in der Liste 'Nodes' als einzelnes Objekt mit folgenden Parametern gespeichert:
- id: eindeutige Kennzeichnung der Videosequenz
- section: sprechender Titel des Videos (wird zur Visualisierung genutzt)
- thumbnail: Vorschaubild für die Videosequenz (Namenskonvention $ID$.jpg)
- video: Link zur Videosequenz von filmportal.de
- start: Beginn des Videos im Format "0:00"
- end: Ende des Videos im Format "0:00"
- intro: Tafeltext (= Vorspann/Eingangstafel) bestehend aus Ort, Zeit, Geschehen (1-2 Sätze)
- text: Text für die Postkartenrückseite (nur für Startvideos relevant)
Im Bereich 'arcs' wird eine Liste zwischen der Quelle und den Zielsequenzen gepflegt. Dies ist notwendig für die Darstellung des Graphen. Weiterhin erhält jede Verbindung einen Assoziationstext.