EcoSimLabEcoInterfaces
Bibliothek der Eco-Driving-Displays des Toolkits — SolidJS-Komponenten, gespeist aus einem Eingabevertrag.
Was & Warum
Eco-Driving-Displays lassen sich nur vergleichen, wenn dieselben Fahrdaten unterschiedlich visualisiert werden. EcoInterfaces bündelt die In-Vehicle-Displays des Toolkits in einer Bibliothek. Jedes Display zeichnet Fahrdaten (Geschwindigkeit, Leistung, Ladezustand, Strecke voraus …) anders, um zu untersuchen, wie Display-Design das Eco-Driving-Verhalten beeinflusst. Die Datenquelle ist dabei vollständig entkoppelt: Ein Display liest nur den Eingabevertrag DisplayInput, nie einen Transport. Die Bibliothek spricht weder mit einem Simulator noch mit einem Broker noch mit dem Netz. Dieselben Displays bedienen deshalb den Live-Betrieb im Labor und die Wiedergabe einer Aufzeichnung im Browser, ohne dass Display-Code sich ändert.
Die Bibliothek trägt 20 Displays in sechs Familien. AP4 zeigt Verbrauch und
Geschwindigkeit als Spur über die Fahrt. AP5 zeigt ein dichtes
Instrumentenfeld mit Tacho, Leistungsbalken und Energie-Score. AP6 zeigt ein
ruhiges Instrumentenfeld mit weniger Elementen. LEM zeigt Leistung und
Geschwindigkeit über Zeit oder Strecke. InputTransparenz zeigt die Strecke
voraus von oben, mit Fahrzeugen, Tempozonen und Ampeln. EnergyScore zeigt den
Effizienz-Score als Balken, als Glyphe oder als minimalen Tacho.
Die Namen stammen aus den Arbeitspaketen des Projekts, nicht aus der Funktion. Die Doku-Seite ordnet jedem Export zu, was er zeigt.
Jedes Display zeichnet in Pixeln gegen eine feste Design-Größe und wird als Block auf seine Elternbox skaliert. Das Bild auf dem Simulator-Bildschirm bleibt deshalb dasselbe wie das Bild in einer kleinen Box über einem Studien-Video.
Die Anbindung an den Fahrsimulator leistet eine interne App, die die Displays per MQTT speist. Sie ist nicht veröffentlicht und nicht Teil dieser Bibliothek.
Schnellstart
Das Paket als Git-Abhängigkeit mit Tag eintragen ("@ecosimlab/ecodisplays": "gitlab:ecosimlab/ecodisplays#v1.0.2") — ohne Token und ohne Registry, denn der Build liegt im Repo. Danach Display und Stylesheet importieren: import { AP6DefaultDisplay } from "@ecosimlab/ecodisplays".
Nachnutzung
Als Komponenten-Bibliothek in eine eigene Web-App einbinden
Schnittstelle: Paket-Exporte . (Displays und Typen), ./input (nur der Eingabevertrag) und ./styles.css
- SolidJS 1.9, D3.js 7 und lodash 4.17 als Peer-Dependencies
- 20 Displays in sechs Familien, der Eingabevertrag
DisplayInputsamt Vorgabewerten, das Stylesheet mit eingebetteten Schriften
- die Datenquelle — Transport, Parser und Prüfung der Werte schreibt der Konsument selbst
Zitieren
- Jan Heidinger, Lukas Bernhardt, Thomas Franke (2023).EcoSimLab – A Low-Cost Driving Simulation Environment for Examining Human Factors in Vehicle Energy EfficiencyAutomotiveUI '23 Adjunct (15th Intl. Conf. on Automotive User Interfaces), Ingolstadt10.1145/3581961.3609881
- Markus Gödker, Steffen Schmees, Lukas Bernhardt, Daniel Görges, Thomas Franke (2025).Two Types of Eco-Driving Support — ICD & Optimal Speed DisplayInternational Journal of Human–Computer Interaction (IJHCI)10.1080/10447318.2025.2563007