fix: show most recent dates first in return rate and retention tables

- Reverse new player return rate table (most recent day at top)
- Reverse 7- and 30-day retention tables (most recent cohort at top)
- Rename "Day Rate" column to "Return Rate"
- Clarify "Last 14 Days" heading to "Last 14 Days — Completions"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
George Powell
2026-03-15 02:16:16 -04:00
parent 75b13280ef
commit 252edc3a6d
2 changed files with 4 additions and 5 deletions

View File

@@ -298,8 +298,7 @@ export const load: PageServerLoad = async () => {
cohortSize: cohort.size
});
}
series.reverse(); // chronological (oldest first)
return series;
return series; // newest first (loop iterates i from smallest = most recent)
}
const retention7dSeries = retentionSeries(7, 30);
@@ -331,7 +330,7 @@ export const load: PageServerLoad = async () => {
retention7dSeries,
retention30dSeries,
overallReturnRate,
newPlayerReturnSeries: newPlayerReturnSeries.slice(-30),
newPlayerReturnSeries: newPlayerReturnSeries.slice(-30).reverse(),
newPlayerReturnVelocity: {
current7dAvg: current7dReturnAvg,
prior7dAvg: prior7dReturnAvg,

View File

@@ -178,7 +178,7 @@
<tr class="bg-white/5 text-gray-400 text-xs uppercase tracking-wide">
<th class="text-left px-4 py-3">Date</th>
<th class="text-right px-4 py-3">New Players</th>
<th class="text-right px-4 py-3">Day Rate</th>
<th class="text-right px-4 py-3">Return Rate</th>
<th class="text-right px-4 py-3">7d Avg</th>
<th class="px-4 py-3 w-32"></th>
</tr>
@@ -208,7 +208,7 @@
</section>
<section class="mt-8">
<h2 class="text-lg font-semibold text-gray-100 mb-4">Last 14 Days</h2>
<h2 class="text-lg font-semibold text-gray-100 mb-4">Last 14 Days — Completions</h2>
<div class="overflow-x-auto rounded-xl border border-white/10">
<table class="w-full text-sm">
<thead>