diff --git a/web/src/lib/components/profile/ProfileActivityChart.svelte b/web/src/lib/components/profile/ProfileActivityChart.svelte
index 676be5438..c895b1668 100644
--- a/web/src/lib/components/profile/ProfileActivityChart.svelte
+++ b/web/src/lib/components/profile/ProfileActivityChart.svelte
@@ -64,22 +64,10 @@
 	);
 
 	let availableWidth = $state(988);
-	let armed = $state(false);
-	let revealed = $state(false);
 	const layout = $derived(layoutActivityChart(values, availableWidth));
 	const viewport: Action<HTMLDivElement> = (node) => {
 		let followsCurrent = true;
 		let frame = 0;
-		armed = true;
-		const inView = new IntersectionObserver(
-			(entries) => {
-				if (!entries.some((entry) => entry.isIntersecting)) return;
-				revealed = true;
-				inView.disconnect();
-			},
-			{ threshold: 0.4 }
-		);
-		inView.observe(node);
 		const alignCurrent = () => {
 			cancelAnimationFrame(frame);
 			frame = requestAnimationFrame(() => {
@@ -100,7 +88,6 @@
 			destroy() {
 				cancelAnimationFrame(frame);
 				observer.disconnect();
-				inView.disconnect();
 				node.removeEventListener("scroll", onScroll);
 			}
 		};
@@ -116,15 +103,13 @@
 			<div
 				class="relative bg-background-default"
 				style={`width:${layout.width}px;height:${layout.height}px`}
-				data-armed={armed || undefined}
-				data-revealed={revealed || undefined}
 			>
 				<div
 					class="absolute top-0 right-0 h-full bg-background-subtle"
 					style={`width:${layout.columns.at(-1)!.width}px`}
 				></div>
 				<svg
-					class="chart-lines pointer-events-none absolute inset-0 size-full opacity-25"
+					class="pointer-events-none absolute inset-0 size-full opacity-25"
 					viewBox={`0 0 ${layout.width} ${layout.height}`}
 					fill="none"
 					aria-hidden="true"
@@ -151,7 +136,7 @@
 						style={`left:${column.left}px;width:${column.width}px`}
 					>
 						<span
-							class="chart-month absolute bottom-2 left-2 rounded-sm px-2 py-0.5 typography-paragraph-regular {monthIndex ===
+							class="absolute bottom-2 left-2 rounded-sm px-2 py-0.5 typography-paragraph-regular {monthIndex ===
 							5
 								? 'border border-border-subtle bg-background-default text-foreground-default'
 								: 'text-foreground-muted'}"
@@ -168,10 +153,10 @@
 						{@const rising = previous === null || point.value >= previous.value}
 						{@const current = monthIndex === 5}
 						<div
-							class="chart-stat group/stat absolute z-10 flex h-7 -translate-y-1/2 items-center gap-2 rounded-sm px-1 py-0.5 typography-paragraph-regular transition-colors duration-150 ease-out hover:z-20 {current
+							class="group/stat absolute z-10 flex h-7 -translate-y-1/2 items-center gap-2 rounded-sm px-1 py-0.5 typography-paragraph-regular transition-colors duration-150 ease-out hover:z-20 {current
 								? 'bg-background-subtle text-foreground-default'
 								: 'bg-background-default text-foreground-muted hover:text-foreground-default'}"
-							style={`left:${point.x}px;top:${point.y}px;animation-delay:${80 + point.rank * 70}ms`}
+							style={`left:${point.x}px;top:${point.y}px`}
 							data-metric={metric.key}
 							data-month={monthIndex}
 						>
@@ -211,71 +196,3 @@
 		{/if}
 	{/if}
 </section>
-
-<style>
-	@keyframes chart-unveil {
-		from {
-			mask-position: 100% 0;
-		}
-		to {
-			mask-position: 0% 0;
-		}
-	}
-
-	@keyframes chart-stat-in {
-		from {
-			opacity: 0;
-			transform: translateY(4px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	@keyframes chart-fade-in {
-		from {
-			opacity: 0;
-		}
-		to {
-			opacity: 1;
-		}
-	}
-
-	[data-armed] .chart-lines {
-		mask-image: linear-gradient(to right, black 0 25%, transparent 54%);
-		mask-size: 200% 100%;
-		mask-repeat: no-repeat;
-		mask-position: 100% 0;
-	}
-
-	[data-armed] .chart-stat,
-	[data-armed] .chart-month {
-		opacity: 0;
-	}
-
-	[data-revealed] .chart-lines {
-		animation: chart-unveil 2000ms ease-out both;
-	}
-
-	[data-revealed] .chart-stat {
-		animation: chart-stat-in 220ms ease-out both;
-	}
-
-	[data-revealed] .chart-month {
-		animation: chart-fade-in 200ms ease-out 440ms both;
-	}
-
-	@media (prefers-reduced-motion: reduce) {
-		[data-armed] .chart-lines {
-			mask-image: none;
-		}
-
-		[data-revealed] .chart-lines,
-		[data-revealed] .chart-stat,
-		[data-revealed] .chart-month {
-			animation: chart-fade-in 200ms ease-out both;
-			animation-delay: 0ms;
-		}
-	}
-</style>
diff --git a/web/src/lib/components/profile/profileActivityChart.test.ts b/web/src/lib/components/profile/profileActivityChart.test.ts
index d3a9eb2c5..e984a60c7 100644
--- a/web/src/lib/components/profile/profileActivityChart.test.ts
+++ b/web/src/lib/components/profile/profileActivityChart.test.ts
@@ -86,17 +86,16 @@ describe("layoutActivityChart", () => {
 		}
 	});
 
-	it("ranks each column's metrics from top to bottom", () => {
+	it("separates each column's metrics from top to bottom", () => {
 		const layout = layoutActivityChart(values, 988);
 
 		for (let month = 0; month < 6; month += 1) {
-			const byRank = ACTIVITY_METRICS.toSorted(
-				(a, b) => layout.points[a][month].rank - layout.points[b][month].rank
+			const byY = ACTIVITY_METRICS.toSorted(
+				(a, b) => layout.points[a][month].y - layout.points[b][month].y
 			);
-			expect(byRank.map((metric) => layout.points[metric][month].rank)).toEqual([0, 1, 2, 3]);
-			for (const [index, metric] of byRank.slice(1).entries()) {
+			for (const [index, metric] of byY.slice(1).entries()) {
 				expect(layout.points[metric][month].y).toBeGreaterThan(
-					layout.points[byRank[index]][month].y
+					layout.points[byY[index]][month].y
 				);
 			}
 		}
diff --git a/web/src/lib/components/profile/profileActivityChart.ts b/web/src/lib/components/profile/profileActivityChart.ts
index fce767d96..bca5df369 100644
--- a/web/src/lib/components/profile/profileActivityChart.ts
+++ b/web/src/lib/components/profile/profileActivityChart.ts
@@ -12,7 +12,6 @@ export interface ActivityChartPoint {
 	x: number;
 	y: number;
 	value: number;
-	rank: number;
 }
 
 export interface ActivityChartSegment {
@@ -109,13 +108,11 @@ export const layoutActivityChart = (
 		const resolved = resolvePointCollisions(
 			ACTIVITY_METRICS.map((metric) => ({ metric, y: rawY[metric][monthIndex] }))
 		);
-		const ordered = ACTIVITY_METRICS.toSorted((a, b) => resolved.get(a)! - resolved.get(b)!);
 		for (const metric of ACTIVITY_METRICS) {
 			points[metric].push({
 				x: column.left + POINT_INSET,
 				y: resolved.get(metric)!,
-				value: values[metric][monthIndex],
-				rank: ordered.indexOf(metric)
+				value: values[metric][monthIndex]
 			});
 		}
 	}