From f36c6f5a633cc8838fd51ecb0104242410976a13 Mon Sep 17 00:00:00 2001
From: Amp <amp@ampcode.com>
Date: Thu, 12 Nov 2026 01:09:52 +0000
Subject: [PATCH] fix(network): name the group each per-client and
 per-network-type share is of

Seen all 30 days, by network type drew the share of hosting peers seen all
30 days and the share of other peers seen all 30 days, each of its own
group, so the two lines add up to well over 100% (69.6% and 58.1% on
10 Nov). The per-client lines on the churn, sync, reachability and subnet
cards are built the same way. Titled as "X, by client" they read as a
breakdown of one whole.

Each title and value axis now names its denominator: "Share of each
client's peers ..." and "Share of each network type's peers ...".

Amp-Thread-ID: https://ampcode.com/threads/T-01a1cd46-600c-7706-947f-ce26c936fe39
Co-authored-by: Sam Calder-Mason <samcaldermason@gmail.com>
---
 .../network/components/ChurnCharts/ChurnCharts.tsx        | 8 ++++----
 .../components/ReachabilityCharts/ReachabilityCharts.tsx  | 4 ++--
 .../network/components/SubnetCharts/SubnetCharts.tsx      | 4 ++--
 .../ethereum/network/components/SyncCharts/SyncCharts.tsx | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/ethereum/network/components/ChurnCharts/ChurnCharts.tsx b/src/pages/ethereum/network/components/ChurnCharts/ChurnCharts.tsx
index ed5e19633..37e45ae13 100644
--- a/src/pages/ethereum/network/components/ChurnCharts/ChurnCharts.tsx
+++ b/src/pages/ethereum/network/components/ChurnCharts/ChurnCharts.tsx
@@ -95,17 +95,17 @@ export function ChurnCharts({ networkTypes, clients }: ChurnChartsProps): JSX.El
           )}
         />
         <SeriesCard
-          title="New peers, by client"
+          title="Share of each client's peers that were new"
           days={clientDays}
-          yName="Share of peers"
+          yName="Share of the client's peers"
           percent="line"
           empty={empty}
           series={clientShareLines(byClient, clientDays, row => row.new_peer_count, peers, MIN_CLIENT_PEERS)}
         />
         <SeriesCard
-          title="Seen all 30 days, by network type"
+          title="Share of each network type's peers seen all 30 days"
           days={days}
-          yName="Share of peers"
+          yName="Share of the type's peers"
           percent="line"
           empty={empty}
           series={[line('Hosting', stayed('hosting'), palette[0]), line('Other', stayed('other'), palette[1])]}
diff --git a/src/pages/ethereum/network/components/ReachabilityCharts/ReachabilityCharts.tsx b/src/pages/ethereum/network/components/ReachabilityCharts/ReachabilityCharts.tsx
index f3541da94..5a6252a7e 100644
--- a/src/pages/ethereum/network/components/ReachabilityCharts/ReachabilityCharts.tsx
+++ b/src/pages/ethereum/network/components/ReachabilityCharts/ReachabilityCharts.tsx
@@ -55,9 +55,9 @@ export function ReachabilityCharts({ network, clients }: ReachabilityChartsProps
           ]}
         />
         <SeriesCard
-          title="Dialled, by client"
+          title="Share of each client's peers that were dialled"
           days={clientDays}
-          yName="Share of peers"
+          yName="Share of the client's peers"
           percent="line"
           empty="No consensus peer was counted in this range."
           series={clientShareLines(clients, clientDays, row => row.dialled_peer_count, peers, MIN_CLIENT_PEERS)}
diff --git a/src/pages/ethereum/network/components/SubnetCharts/SubnetCharts.tsx b/src/pages/ethereum/network/components/SubnetCharts/SubnetCharts.tsx
index 73f8c5aa4..d59c94885 100644
--- a/src/pages/ethereum/network/components/SubnetCharts/SubnetCharts.tsx
+++ b/src/pages/ethereum/network/components/SubnetCharts/SubnetCharts.tsx
@@ -52,9 +52,9 @@ export function SubnetCharts({ clients, coverage, latest, latestDay }: SubnetCha
   return (
     <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">
       <SeriesCard
-        title="On all 64 subnets, by client"
+        title="Share of each client's peers on all 64 subnets"
         days={days}
-        yName="Share of peers"
+        yName="Share of the client's peers"
         percent="line"
         empty={empty}
         series={clientShareLines(clients, days, row => row.attnets_64_peer_count, peers, MIN_CLIENT_PEERS)}
diff --git a/src/pages/ethereum/network/components/SyncCharts/SyncCharts.tsx b/src/pages/ethereum/network/components/SyncCharts/SyncCharts.tsx
index bef61783b..d73e7caa6 100644
--- a/src/pages/ethereum/network/components/SyncCharts/SyncCharts.tsx
+++ b/src/pages/ethereum/network/components/SyncCharts/SyncCharts.tsx
@@ -63,9 +63,9 @@ export function SyncCharts({ rows }: SyncChartsProps): JSX.Element {
         ]}
       />
       <SeriesCard
-        title="Within a slot of the head, by client"
+        title="Share of each client's peers within a slot of the head"
         days={days}
-        yName="Share of peers"
+        yName="Share of the client's peers"
         percent="line"
         empty={empty}
         series={clientShareLines(rows, days, row => row.head_lag_0_1_peer_count, status, MIN_CLIENT_PEERS)}