'
+ (isChamp && v !== null && v !== undefined ? '🏆 ' : '')
- + text + '';
+ + text + ampBar(hlGoodness(h, v)) + '';
});
html += '| '+lastDate+' | '
+ ''+dur+' | '
@@ -3624,10 +3648,14 @@ async function openStudentRuns(studentId) {
} else if (_modDetail.moduleId === 'kofferdetektiv') {
// Kofferdetektiv: aggregierte Auswertung + Heatmap der gelösten Länder
html += renderKofferdetektivStudentAnalysis(r.runs);
- } else {
+ } else if ({'eu-werkstatt':1,'energiemanager':1,'busfahrt':1,'fluggesellschaft':1,'heli':1}[_modDetail.moduleId]) {
+ // Module mit eigener, reicher Durchgangs-Karte
r.runs.forEach(function(run, i) {
html += renderRunDetailCard(_modDetail.moduleId, run, i);
});
+ } else {
+ // Alle übrigen: Liniengrafik über die wichtigsten Kennzahlen (statt JSON)
+ html += renderRunsLineChart(_modDetail.data.highlights || [], r.runs);
}
html += '';
box.innerHTML = html;
@@ -3880,6 +3908,116 @@ function renderSonnensystemSessionTeacher(sess) {
/* Sim-spezifischer Pretty-Renderer für einen einzelnen Run.
Fallback (unbekannte Sim): raw JSON ausklappbar. */
+/* ────────────────────────────────────────────────────────────────────────
+ * Verlaufs-Liniengrafik über die wichtigsten Kennzahlen einer Sim.
+ * Quelle = die Spalten-Definitionen (highlights: key/agg/unit/format) plus
+ * Sterne. Eine farbige Linie je Kennzahl, je Kennzahl auf ihre eigene
+ * Spannweite normiert (damit alle sichtbar), OBEN = besser (Richtung aus agg).
+ * Legende zeigt letzten Wert + Trendpfeil (grün besser / rot schlechter).
+ * ──────────────────────────────────────────────────────────────────────── */
+function _hlGet(obj, path){
+ if (!obj) return null;
+ var parts = String(path).split('.'), v = obj;
+ for (var i = 0; i < parts.length; i++) { if (v == null) return null; v = v[parts[i]]; }
+ return v;
+}
+function renderRunsLineChart(highlights, runs) {
+ var rs = runs.slice().filter(function(r){ return r.submitted_at; })
+ .sort(function(a,b){ return a.submitted_at < b.submitted_at ? -1 : a.submitted_at > b.submitted_at ? 1 : 0; });
+ // Kennzahlen: Sterne (falls vorhanden) + alle Highlight-Spalten
+ var metrics = [{ key:'stars', label:'Sterne', hi:true, star:true }];
+ (highlights || []).forEach(function(h){
+ metrics.push({ key:h.key, label:h.label, unit:h.unit, format:h.format, hi:(h.agg !== 'min') });
+ });
+ function rawVal(run, m){
+ var v = m.star ? _hlGet(run.results, 'stars') : _hlGet(run.results, m.key);
+ if (v === null || v === undefined || isNaN(+v)) return null;
+ return +v;
+ }
+ function fmtMetric(m, v){
+ if (v === null) return '–';
+ if (m.star) return Math.round(v) + '★';
+ if (m.format === 'percent') return Math.round(v * 100) + ' %';
+ var n = Math.abs(v) >= 100 ? Math.round(v) : Math.round(v * 10) / 10;
+ return n.toLocaleString('de-AT') + (m.unit ? ' ' + m.unit : '');
+ }
+
+ // Snapshot statt Linie bei nur einem Durchgang
+ if (rs.length < 2) {
+ var only = (rs[0] || runs[0] || {}).results || {};
+ var chips = metrics.map(function(m){ var v = rawVal(rs[0]||runs[0]||{}, m); return v===null ? '' :
+ ''+esc(m.label)+''+fmtMetric(m,v)+'
'; }).join('');
+ return 'Erst ein Durchgang – die Liniengrafik erscheint ab dem zweiten. Aktueller Stand:
'
+ + '
'+chips+'
Keine auswertbaren Verlaufswerte.
';
+
+ var W = 700, H = 210, padL = 10, padR = 10, padT = 12, padB = 30, n = rs.length;
+ var plotW = W - padL - padR, plotH = H - padT - padB;
+ function X(i){ return padL + (n > 1 ? i/(n-1) : 0.5) * plotW; }
+ function Y(s, v){
+ if (v === null) return null;
+ var frac = (s.mx > s.mn) ? (v - s.mn)/(s.mx - s.mn) : 0.5; // 0..1 im eigenen Wertebereich
+ var good = s.hi ? frac : (1 - frac); // oben = besser
+ return padT + (1 - good) * plotH;
+ }
+
+ var svg = '';
+
+ // Legende: Farbe · Name · letzter Wert · Trendpfeil
+ var leg = '';
+ series.forEach(function(s){
+ var improved = s.hi ? (s.last > s.first) : (s.last < s.first);
+ var worsened = s.hi ? (s.last < s.first) : (s.last > s.first);
+ var trend = improved ? '▲' : worsened ? '▼' : '▬';
+ var dirHint = s.hi ? '' : ' (weniger = besser)';
+ leg += ''
+ + ''
+ + ''+esc(s.m.label)+' '+fmtMetric(s.m, s.last)+' '+trend+dirHint+'';
+ });
+ leg += '
';
+
+ return ''
+ + '
Verlauf über '+n+' Durchgänge – jede Linie auf ihren eigenen Wertebereich normiert
'
+ + svg + leg + '