Change "Top Speakers" to show recent speakers from last 15 events instead of all-time frequency

Co-authored-by: jetzlstorfer <[email protected]>

Author: Copilot

_pages/statistics.md

@@ -49,18 +49,21 @@ Here you can find insights about our Cloud Native Computing Linz meetups includi
   </div>
 </div>
 
-### Top 15 Speakers
+### Recent Speakers (Last 15 Events)
 <div class="chart-container">
   <canvas id="topSpeakersChart"></canvas>
   <div id="topSpeakersFallback" style="display: none;">
-    <div class="chart-title">🎤 Top Speakers</div>
+    <div class="chart-title">🎤 Recent Speakers</div>
     <table class="stats-table">
       <thead>
-        <tr><th>Speaker</th><th>Presentations</th><th>Visual</th></tr>
+        <tr><th>Speaker</th><th>Most Recent Event</th><th>Presentations</th><th>Visual</th></tr>
       </thead>
       <tbody>
+      {% comment %} Get the last 15 events (most recent) {% endcomment %}
+      {% assign recent_events = site.data.events | reverse | slice: 0, 15 %}
       {% assign speakers = "" | split: "|" %}
-      {% for event in site.data.events %}
+      {% assign speaker_events = "" | split: "|" %}
+      {% for event in recent_events %}
         {% if event.talks %}
           {% for talk in event.talks %}
             {% if talk.speaker and talk.speaker != '' %}
@@ -76,6 +79,7 @@ Here you can find insights about our Cloud Native Computing Linz meetups includi
                 {% assign single_speaker = part | strip %}
                 {% if single_speaker != '' %}
                   {% assign speakers = speakers | push: single_speaker %}
+                  {% assign speaker_events = speaker_events | push: single_speaker | append: '###' | append: event.date | append: '###' | append: event.title %}
                 {% endif %}
               {% endfor %}
             {% endif %}
@@ -86,27 +90,47 @@ Here you can find insights about our Cloud Native Computing Linz meetups includi
       {% assign speaker_rows = "" | split: "|" %}
       {% for speaker in unique_speakers %}
         {% assign count = 0 %}
+        {% assign most_recent_date = '' %}
+        {% assign most_recent_title = '' %}
         {% for s in speakers %}
           {% if s == speaker %}
             {% assign count = count | plus: 1 %}
           {% endif %}
         {% endfor %}
-        {% assign speaker_rows = speaker_rows | push: speaker | append: '|||' | append: count %}
+        {% comment %} Find the most recent event for this speaker {% endcomment %}
+        {% for entry in speaker_events %}
+          {% assign parts = entry | split: '###' %}
+          {% if parts[0] == speaker %}
+            {% if most_recent_date == '' or parts[1] > most_recent_date %}
+              {% assign most_recent_date = parts[1] %}
+              {% assign most_recent_title = parts[2] %}
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+        {% assign speaker_rows = speaker_rows | push: speaker | append: '|||' | append: count | append: '|||' | append: most_recent_date | append: '|||' | append: most_recent_title %}
       {% endfor %}
-      {% assign sorted_speaker_rows = speaker_rows | sort_natural | reverse %}
-      {% for entry in sorted_speaker_rows %}
+      {% comment %} Sort by most recent date (descending) {% endcomment %}
+      {% assign sorted_speaker_rows = speaker_rows | sort %}
+      {% assign final_sorted_rows = "" | split: "|" %}
+      {% for row in sorted_speaker_rows %}
+        {% assign final_sorted_rows = final_sorted_rows | unshift: row %}
+      {% endfor %}
+      {% for entry in final_sorted_rows %}
         {% assign parts = entry | split: '|||' %}
         {% assign speaker = parts[0] %}
         {% assign count = parts[1] %}
+        {% assign event_date = parts[2] %}
+        {% assign event_title = parts[3] %}
         <tr>
           <td>{{ speaker }}</td>
+          <td><strong>{{ event_date }}</strong><br><small>{{ event_title }}</small></td>
           <td class="number-cell">{{ count }}</td>
           <td><span class="host-bar" style="width: {{ count | times: 10 }}px;"></span> {{ count }}</td>
         </tr>
       {% endfor %}
       </tbody>
     </table>
-    <div class="fallback-note">🎤 This data shows which speakers have presented most often at our events.</div>
+    <div class="fallback-note">🎤 This shows speakers from our 15 most recent events, sorted by their latest presentation date.</div>
   </div>
 </div>
 
@@ -328,9 +352,12 @@ function initializeChartsWithoutTime() {
       const hostLabels = sortedHosts.map(([host]) => host);
       const hostData = sortedHosts.map(([, count]) => count);
 
-      // Top speakers data
+      // Recent speakers data (from last 15 events)
+      const recentEvents = events.slice(-15); // Get last 15 events
       const speakerCount = {};
-      events.forEach(event => {
+      const speakerLastEvent = {};
+      
+      recentEvents.forEach(event => {
         if (event.talks && event.talks.length > 0) {
           event.talks.forEach(talk => {
             if (talk.speaker) {
@@ -355,21 +382,29 @@ function initializeChartsWithoutTime() {
                 .map(s => s.trim())      // Trim whitespace
                 .filter(s => s);         // Remove empty strings
 
-              // Count each speaker
+              // Count each speaker and track their most recent event
               speakers.forEach(speaker => {
                 if (speaker) {
                   speakerCount[speaker] = (speakerCount[speaker] || 0) + 1;
+                  // Update last event if this event is more recent
+                  if (!speakerLastEvent[speaker] || event.date > speakerLastEvent[speaker]) {
+                    speakerLastEvent[speaker] = event.date;
+                  }
                 }
               });
             }
           });
         }
       });
 
-      // Sort speakers by count desc
+      // Sort speakers by most recent event date (descending)
       const sortedSpeakers = Object.entries(speakerCount)
-        .sort((a, b) => b[1] - a[1])
-        .slice(0, 15); // Get top 20 speakers for better visualization
+        .sort((a, b) => {
+          const dateA = speakerLastEvent[a[0]];
+          const dateB = speakerLastEvent[b[0]];
+          return dateB.localeCompare(dateA); // Most recent first
+        })
+        .slice(0, 15); // Get top 15 most recent speakers
       const speakerLabels = sortedSpeakers.map(([speaker]) => speaker);
       const speakerData = sortedSpeakers.map(([, count]) => count);
 
@@ -514,7 +549,7 @@ function initializeChartsWithoutTime() {
       }
     });
 
-    // Top Speakers Chart
+    // Recent Speakers Chart
     const speakersCtx = document.getElementById('topSpeakersChart').getContext('2d');
     new Chart(speakersCtx, {
       type: 'bar',
@@ -530,6 +565,13 @@ function initializeChartsWithoutTime() {
       },
       options: {
         ...commonOptions,
+        plugins: {
+          ...commonOptions.plugins,
+          title: {
+            display: true,
+            text: 'Recent Speakers (Last 15 Events)'
+          }
+        },
         scales: {
           y: {
             beginAtZero: true,
@@ -659,9 +701,12 @@ function initializeCharts() {
       const hostLabels = sortedHosts.map(([host]) => host);
       const hostData = sortedHosts.map(([, count]) => count);
 
-      // Top speakers data
+      // Recent speakers data (from last 15 events)
+      const recentEvents = events.slice(-15); // Get last 15 events
       const speakerCount = {};
-      events.forEach(event => {
+      const speakerLastEvent = {};
+      
+      recentEvents.forEach(event => {
         if (event.talks && event.talks.length > 0) {
           event.talks.forEach(talk => {
             if (talk.speaker) {
@@ -681,21 +726,29 @@ function initializeCharts() {
                 .map(s => s.trim())
                 .filter(s => s && s.length > 0);
 
-              // Count each speaker
+              // Count each speaker and track their most recent event
               speakers.forEach(speaker => {
                 if (speaker) {
                   speakerCount[speaker] = (speakerCount[speaker] || 0) + 1;
+                  // Update last event if this event is more recent
+                  if (!speakerLastEvent[speaker] || event.date > speakerLastEvent[speaker]) {
+                    speakerLastEvent[speaker] = event.date;
+                  }
                 }
               });
             }
           });
         }
       });
 
-      // Sort speakers by count desc
+      // Sort speakers by most recent event date (descending)
       const sortedSpeakers = Object.entries(speakerCount)
-        .sort((a, b) => b[1] - a[1])
-        .slice(0, 20); // Get top 20 speakers for better visualization
+        .sort((a, b) => {
+          const dateA = speakerLastEvent[a[0]];
+          const dateB = speakerLastEvent[b[0]];
+          return dateB.localeCompare(dateA); // Most recent first
+        })
+        .slice(0, 15); // Get top 15 most recent speakers
       const speakerLabels = sortedSpeakers.map(([speaker]) => speaker);
       const speakerData = sortedSpeakers.map(([, count]) => count);
 
@@ -839,7 +892,7 @@ function initializeCharts() {
       }
     });
 
-    // Top Speakers Chart
+    // Recent Speakers Chart
     const speakersCtx = document.getElementById('topSpeakersChart').getContext('2d');
     new Chart(speakersCtx, {
       type: 'bar',
@@ -855,6 +908,13 @@ function initializeCharts() {
       },
       options: {
         ...commonOptions,
+        plugins: {
+          ...commonOptions.plugins,
+          title: {
+            display: true,
+            text: 'Recent Speakers (Last 15 Events)'
+          }
+        },
         scales: {
           y: {
             beginAtZero: true,