legend = { const sel = new Set(selected_ccs); const entries = country_color.entries(); const inCount = entries.filter(([cc]) => sel.has(cc)).length; // Top nodes by hegemony. Size = hege * 1000 in graph_cc, so we sort on that. // size === 1 means "no hegemony recorded for this AS in any country ranking" - skip. const topN = 12; const topNodes = [...graph_cc.nodes] .filter(n => n.size > 1) .sort((a, b) => b.size - a.size) .slice(0, topN); // Names in graph_cc look like "3356 LEVEL3"; strip the leading ASN. const stripAsn = (name, id) => (name || "").replace(new RegExp(`^${id}\\s*`), "").trim() || "(unnamed)"; const topRows = topNodes.map(n => { const isIn = sel.has(n.cc); const color = country_color(n.cc); const hege = (n.size / 1000).toFixed(3); return ` AS${n.id} ${stripAsn(n.name, n.id)} ${n.cc || '??'} hege ${hege} `; }).join(''); const countryItems = entries.map(([cc, color]) => { const isIn = sel.has(cc); const count = country_color.counts[cc] || 0; return ` ${cc} (${count}) `; }).join(''); return html`

Top ${topNodes.length} ASes by hegemony

${topRows}

Colour legend — ${entries.length} countries (${inCount} in ${selection_name})

${countryItems}

Bold/ringed swatches are in the selected region.

`; }