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

View File

@@ -178,7 +178,7 @@
<tr class="bg-white/5 text-gray-400 text-xs uppercase tracking-wide"> <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-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">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="text-right px-4 py-3">7d Avg</th>
<th class="px-4 py-3 w-32"></th> <th class="px-4 py-3 w-32"></th>
</tr> </tr>
@@ -208,7 +208,7 @@
</section> </section>
<section class="mt-8"> <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"> <div class="overflow-x-auto rounded-xl border border-white/10">
<table class="w-full text-sm"> <table class="w-full text-sm">
<thead> <thead>