Improve statistics: LOC from Dec 2025, releases, equal chart sizes

- LOC counted only from December 2025 onwards (not all-time)
- Added Releases and Open Issues to highlight cards (8 cards, 4x2)
- Replaced stars chart with open issues chart
- All charts same height (250px)
- Regenerated data with corrected LOC baseline

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: DutchSailor

data/history/2026-04-03.json

@@ -6,7 +6,7 @@
   "totalForks": 36,
   "totalOpenIssues": 162,
   "totalSizeKB": 11574792,
-  "estimatedLinesOfCode": 289369800,
+  "estimatedLinesOfCode": 19056300,
   "totalCommits": 4177,
   "uniqueContributors": 32,
   "languages": 8

data/stats.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-04-03T18:28:24.930Z",
+  "generated": "2026-04-03T18:38:02.448Z",
   "summary": {
     "totalRepos": 108,
     "publicRepos": 67,
@@ -8,7 +8,7 @@
     "totalForks": 36,
     "totalOpenIssues": 162,
     "totalSizeKB": 11574792,
-    "estimatedLinesOfCode": 289369800,
+    "estimatedLinesOfCode": 19056300,
     "totalCommits": 4177,
     "uniqueContributors": 32,
     "languages": 8
@@ -1277,11 +1277,11 @@
       "2026-04": 4177
     },
     "cumulativeLinesOfCode": {
-      "2025-12": 270987000,
-      "2026-01": 282272925,
-      "2026-02": 285032550,
-      "2026-03": 289358050,
-      "2026-04": 289369800
+      "2025-12": 673500,
+      "2026-01": 11959425,
+      "2026-02": 14719050,
+      "2026-03": 19044550,
+      "2026-04": 19056300
     }
   },
   "historicalTrend": [

scripts/generate-stats.js

@@ -60,6 +60,7 @@ function buildTimeSeries(publicRepos) {
   let cumIssues = preExisting.reduce((s, r) => s + r.open_issues_count, 0);
   let cumCommits = preExisting.reduce((s, r) => s + (r._commitCount || 0), 0);
   let cumSize = preExisting.reduce((s, r) => s + r.size, 0);
+  let locSinceDec2025 = 0; // LOC starts at 0 from Dec 2025
   const reposPerMonth = {};
   const starsPerMonth = {};
   const issuesPerMonth = {};
@@ -73,12 +74,13 @@ function buildTimeSeries(publicRepos) {
     cumIssues += reposThisMonth.reduce((s, r) => s + r.open_issues_count, 0);
     cumCommits += reposThisMonth.reduce((s, r) => s + (r._commitCount || 0), 0);
     cumSize += reposThisMonth.reduce((s, r) => s + r.size, 0);
+    locSinceDec2025 += reposThisMonth.reduce((s, r) => s + r.size, 0) * 25; // only count code from Dec 2025 onwards
 
     reposPerMonth[month] = cumRepos;
     starsPerMonth[month] = cumStars;
     issuesPerMonth[month] = cumIssues;
     commitsPerMonth[month] = cumCommits;
-    sizePerMonth[month] = Math.round(cumSize * 25); // estimated lines of code
+    sizePerMonth[month] = Math.round(locSinceDec2025); // lines of code since Dec 2025
   });
 
   return {
@@ -187,7 +189,7 @@ async function main() {
       totalForks: publicRepos.reduce((s, r) => s + r.forks_count, 0),
       totalOpenIssues: publicRepos.reduce((s, r) => s + r.open_issues_count, 0),
       totalSizeKB: publicRepos.reduce((s, r) => s + r.size, 0),
-      estimatedLinesOfCode: Math.round(publicRepos.reduce((s, r) => s + r.size, 0) * 25),
+      estimatedLinesOfCode: Math.round(publicRepos.filter(r => r.created_at >= '2025-12-01').reduce((s, r) => s + r.size, 0) * 25),
       totalCommits: totalCommits,
       uniqueContributors: contributorSet.size,
       languages: Object.keys(langStats).length,

statistieken/index.html

@@ -390,13 +390,15 @@ <h1>Tijdlijn & <span class="accent">Statistieken</span></h1>
 
   <!-- Section 1: Highlight stats -->
   <section class="section" style="background: var(--blueprint-white);">
-    <div class="highlight-cards" style="grid-template-columns: repeat(3, 1fr);">
+    <div class="highlight-cards" style="grid-template-columns: repeat(4, 1fr);">
       <div class="highlight-card"><div class="number" id="s-repos">—</div><div class="label">Repositories</div></div>
       <div class="highlight-card"><div class="number" id="s-commits">—</div><div class="label">Commits</div></div>
       <div class="highlight-card"><div class="number" id="s-stars">—</div><div class="label">Stars</div></div>
+      <div class="highlight-card"><div class="number" id="s-releases">—</div><div class="label">Releases</div></div>
       <div class="highlight-card"><div class="number" id="s-contributors">—</div><div class="label">Contributors</div></div>
       <div class="highlight-card"><div class="number" id="s-loc">—</div><div class="label">Regels code (est.)</div></div>
       <div class="highlight-card"><div class="number" id="s-languages">—</div><div class="label">Programmeertalen</div></div>
+      <div class="highlight-card"><div class="number" id="s-issues">—</div><div class="label">Open issues</div></div>
     </div>
     <p id="stats-updated" style="text-align:center;font-size:0.75rem;color:var(--scaffold-gray);margin-top:var(--sp-2);"></p>
   </section>
@@ -408,19 +410,19 @@ <h2 style="color:white;">Groei in de <span class="accent">tijd</span></h2>
       <div class="trend-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-top:var(--sp-6);">
         <div style="background:var(--deep-forge);border-radius:var(--radius-lg);padding:var(--sp-6);">
           <h4 style="color:var(--amber);font-family:var(--font-code);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--sp-4);">Cumulatief aantal repos</h4>
-          <div id="chart-cum-repos" style="height:200px;"></div>
+          <div id="chart-cum-repos" style="height:250px;"></div>
         </div>
         <div style="background:var(--deep-forge);border-radius:var(--radius-lg);padding:var(--sp-6);">
           <h4 style="color:var(--amber);font-family:var(--font-code);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--sp-4);">Cumulatief aantal commits</h4>
-          <div id="chart-cum-commits" style="height:200px;"></div>
+          <div id="chart-cum-commits" style="height:250px;"></div>
         </div>
         <div style="background:var(--deep-forge);border-radius:var(--radius-lg);padding:var(--sp-6);">
-          <h4 style="color:var(--amber);font-family:var(--font-code);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--sp-4);">Cumulatief aantal stars</h4>
-          <div id="chart-cum-stars" style="height:200px;"></div>
+          <h4 style="color:var(--amber);font-family:var(--font-code);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--sp-4);">Open issues per maand</h4>
+          <div id="chart-cum-issues" style="height:250px;"></div>
         </div>
         <div style="background:var(--deep-forge);border-radius:var(--radius-lg);padding:var(--sp-6);">
           <h4 style="color:var(--amber);font-family:var(--font-code);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--sp-4);">Regels code (geschat)</h4>
-          <div id="chart-cum-loc" style="height:200px;"></div>
+          <div id="chart-cum-loc" style="height:250px;"></div>
         </div>
       </div>
     </div>
@@ -429,13 +431,13 @@ <h4 style="color:var(--amber);font-family:var(--font-code);font-size:0.8rem;text
   <section class="section" style="background: white;">
     <div class="stats-section">
       <h2>Repos per <span class="accent">maand</span></h2>
-      <div id="chart-monthly" style="height: 300px;"></div>
+      <div id="chart-monthly" style="height: 250px;"></div>
     </div>
   </section>
   <section class="section" style="background: var(--concrete);">
     <div class="stats-section">
       <h2>Verdeling per <span class="accent">programmeertaal</span></h2>
-      <div id="chart-langs" style="height: 300px;"></div>
+      <div id="chart-langs" style="height: 250px;"></div>
     </div>
   </section>
 
@@ -586,6 +588,8 @@ <h2>Repository overzicht</h2>
     document.getElementById('s-contributors').textContent = '10+';
     document.getElementById('s-loc').textContent = '—';
     document.getElementById('s-languages').textContent = '7+';
+    document.getElementById('s-releases').textContent = '100+';
+    document.getElementById('s-issues').textContent = '—';
   });
 
 function renderStats(data) {
@@ -596,6 +600,8 @@ <h2>Repository overzicht</h2>
   document.getElementById('s-contributors').textContent = s.uniqueContributors;
   document.getElementById('s-loc').textContent = s.estimatedLinesOfCode.toLocaleString('nl-NL');
   document.getElementById('s-languages').textContent = s.languages;
+  document.getElementById('s-releases').textContent = data.repos.reduce((s, r) => s + r.releases, 0);
+  document.getElementById('s-issues').textContent = s.totalOpenIssues;
   document.getElementById('stats-updated').textContent = 'Laatste update: ' + data.generated.substring(0, 10);
 
   // Table
@@ -628,7 +634,7 @@ <h2>Repository overzicht</h2>
     const ts = data.timeSeries;
     lineChart('chart-cum-repos', ts.months, ts.cumulativeRepos, '#D97706');
     lineChart('chart-cum-commits', ts.months, ts.cumulativeCommits, '#16A34A');
-    lineChart('chart-cum-stars', ts.months, ts.cumulativeStars, '#F59E0B');
+    lineChart('chart-cum-issues', ts.months, ts.cumulativeIssues, '#EA580C');
     lineChart('chart-cum-loc', ts.months, ts.cumulativeLinesOfCode, '#3178C6', true);
   }
 }
@@ -647,7 +653,7 @@ <h2>Repository overzicht</h2>
   }
 
   // Use HTML/CSS based chart for better text rendering
-  const chartH = 160;
+  const chartH = 200;
   el.innerHTML = `
     <div style="position:relative;height:${chartH + 40}px;">
       <!-- Y-axis labels -->