\n \n\n\n",[18,68],"c1a26a3e-9205-410f-9063-19e54e2f898d",["D",1784348959135],1,"// Cumulative senior goals + assists (club + country) by age.\n// Age label = age at the start of that season. Active careers end at \"now\" (July 2026).\n// Teenage rows come from the original comparison table; career rows are anchored to\n// current/known totals with approximate interpolation between milestones.\n\nexport interface AgeRow {\n age: number;\n yamal?: number | null;\n messi?: number | null;\n cr7?: number | null;\n r9?: number | null;\n mbappe?: number | null;\n pele?: number | null;\n neymar?: number | null;\n}\n\nexport const players = [\n { key: \"yamal\", name: \"Lamine Yamal\", color: \"#ef476f\" },\n { key: \"messi\", name: \"Lionel Messi\", color: \"#ffd166\" },\n { key: \"cr7\", name: \"Cristiano Ronaldo\", color: \"#a06cd5\" },\n { key: \"pele\", name: \"Pelé\", color: \"#f8f9fa\" },\n { key: \"r9\", name: \"Ronaldo Nazário (R9)\", color: \"#06d6a0\" },\n { key: \"mbappe\", name: \"Kylian Mbappé\", color: \"#4cc9f0\" },\n { key: \"neymar\", name: \"Neymar\", color: \"#ff8500\" },\n] as const;\n\n// Full careers, ages 15–40.\nexport const career: AgeRow[] = [\n { age: 15, yamal: 0, messi: null, cr7: null, r9: 0, mbappe: 0, pele: 2, neymar: null },\n { age: 16, yamal: 22, messi: 0, cr7: 0, r9: 25, mbappe: 2, pele: 45, neymar: 0 },\n { age: 17, yamal: 67, messi: 1, cr7: 10, r9: 59, mbappe: 37, pele: 105, neymar: 22 },\n { age: 18, yamal: 122, messi: 16, cr7: 30, r9: 101, mbappe: 78, pele: 190, neymar: 80 },\n { age: 19, yamal: null, messi: 43, cr7: 55, r9: 125, mbappe: 130, pele: 250, neymar: 125 },\n { age: 20, messi: 78, cr7: 85, r9: 185, mbappe: 185, pele: 320, neymar: 195 },\n { age: 21, messi: 140, cr7: 130, r9: 235, mbappe: 245, pele: 380, neymar: 290 },\n { age: 22, messi: 205, cr7: 190, r9: 265, mbappe: 315, pele: 435, neymar: 345 },\n { age: 23, messi: 290, cr7: 245, r9: 270, mbappe: 390, pele: 490, neymar: 405 },\n { age: 24, messi: 400, cr7: 305, r9: 270, mbappe: 445, pele: 540, neymar: 455 },\n { age: 25, messi: 480, cr7: 385, r9: 290, mbappe: 505, pele: 580, neymar: 500 },\n { age: 26, messi: 545, cr7: 470, r9: 330, mbappe: 555, pele: 620, neymar: 540 },\n { age: 27, messi: 640, cr7: 550, r9: 370, pele: 655, neymar: 575 },\n { age: 28, messi: 715, cr7: 640, r9: 405, pele: 685, neymar: 605 },\n { age: 29, messi: 790, cr7: 730, r9: 435, pele: 710, neymar: 625 },\n { age: 30, messi: 860, cr7: 805, r9: 455, pele: 725, neymar: 660 },\n { age: 31, messi: 935, cr7: 875, r9: 465, pele: 735, neymar: 665 },\n { age: 32, messi: 1000, cr7: 945, r9: 480, pele: 742, neymar: 675 },\n { age: 33, messi: 1060, cr7: 1000, r9: 495, pele: 745, neymar: 690 },\n { age: 34, messi: 1095, cr7: 1055, r9: 505, pele: 748 },\n { age: 35, messi: 1155, cr7: 1105, pele: 753 },\n { age: 36, messi: 1200, cr7: 1140, pele: 757 },\n { age: 37, messi: 1255, cr7: 1170 },\n { age: 38, messi: 1315, cr7: 1225 },\n { age: 39, cr7: 1260 },\n { age: 40, cr7: 1281 },\n];\n\n// Teenage window (the original chart), cumulative.\nexport const teenCumulative: AgeRow[] = [\n { age: 15, yamal: 0, messi: 0, cr7: null, r9: 0, mbappe: 0, pele: 2, neymar: null },\n { age: 16, yamal: 22, messi: 0, cr7: 0, r9: 25, mbappe: 2, pele: 45, neymar: 0 },\n { age: 17, yamal: 67, messi: 1, cr7: 10, r9: 59, mbappe: 37, pele: 105, neymar: 22 },\n { age: 18, yamal: 122, messi: 16, cr7: 30, r9: 101, mbappe: 78, pele: 190, neymar: 80 },\n { age: 19, yamal: null, messi: 43, cr7: 55, r9: 125, mbappe: 130, pele: 250, neymar: 125 },\n];\n\n// Teenage window, per-season output.\nexport const teenAnnual: AgeRow[] = [\n { age: 16, yamal: 22, messi: 0, cr7: 0, r9: 25, mbappe: 2, pele: 43, neymar: 0 },\n { age: 17, yamal: 45, messi: 1, cr7: 10, r9: 34, mbappe: 35, pele: 60, neymar: 22 },\n { age: 18, yamal: 55, messi: 15, cr7: 20, r9: 42, mbappe: 41, pele: 85, neymar: 58 },\n { age: 19, yamal: null, messi: 27, cr7: 25, r9: 24, mbappe: 52, pele: 60, neymar: 45 },\n];\n\nexport const footnotes = [\n \"Active careers (Yamal 19, Mbappé 27, Messi 39, CR7 41) end at July 2026 totals — including the ongoing 2026 World Cup. Yamal's line stops at 18: his age-19 season just started.\",\n \"Messi ≈ 915 goals + ~400 assists; CR7 ≈ 974 goals + 307 assists. Mid-career points are interpolated between known season totals — treat shapes as accurate, exact values as ±.\",\n \"Pelé's line is official-match goals only — assists weren't reliably recorded in his era, so his curve understates G+A. It still laps the teenage field.\",\n \"R9's flat line from 23–25 = the two knee ruptures. Neymar's flattening after 30 = the Al Hilal injury years.\",\n];\n",[18,82],"3a2f2cc0-0ab7-42d4-84a2-657e3b0b1638",["D",1784348983234],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Legend,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"https://esm.sh/recharts@2.12.7?deps=react@18.2.0,react-dom@18.2.0\";\nimport { career, footnotes, players, teenAnnual, teenCumulative } from \"./data.ts\";\n\nconst tooltipStyle = {\n backgroundColor: \"#171717\",\n border: \"1px solid #404040\",\n borderRadius: 8,\n color: \"#f5f5f5\",\n};\n\nfunction ChartCard({ title, subtitle, children }: { title: string; subtitle: string; children: any }) {\n return (\n

{title}

{subtitle}

\n {children}\n

\n );\n}\n\nfunction App() {\n const [hidden, setHidden] = useState>(new Set());\n\n const toggle = (key: string) => {\n setHidden((prev) => {\n const next = new Set(prev);\n next.has(key) ? next.delete(key) : next.add(key);\n return next;\n });\n };\n\n const legendProps = {\n onClick: (e: any) => toggle(String(e.dataKey)),\n wrapperStyle: { cursor: \"pointer\" },\n formatter: (value: string, entry: any) => (\n {value}\n ),\n };\n\n return (\n

👑 The Kings

\n Cumulative senior goals + assists by age — Lamine Yamal against the greatest attacking careers\n ever: Messi, Cristiano Ronaldo, Pelé, R9, Mbappé, and Neymar.\n

Click a name in any legend to hide/show that player.

\n\n \n \n \n \n \n \n `Age ${age}`} />\n \n {players.map((p) => (\n \n ))}\n \n \n \n\n \n \n \n \n \n \n `Age ${age}`} />\n \n {players.map((p) => (\n \n ))}\n \n \n \n\n \n \n \n \n \n \n `Age ${age} season`} cursor={{ fill: \"#26262655\" }} />\n \n {players.map((p) => (\n \n ))}\n \n \n \n\n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[18,92],"pulls","branches","forks","envVars",{"_212":26,"_214":26},"connections",{"_212":26,"_213":26},"count","unfilledCount","emptyCount",{"_37":182,"_13":18,"_66":108,"_47":-5,"_39":40,"_183":44,"_184":24,"_41":245,"_43":26,"_69":109,"_186":-5,"_70":30,"_187":-5,"_226":246,"_17":247},{"_37":201,"_13":92,"_66":91,"_47":108,"_39":40,"_183":103,"_184":24,"_41":242,"_43":198,"_69":83,"_186":203,"_70":30,"_187":-5,"_226":243,"_17":244},{"_37":196,"_13":82,"_66":81,"_47":108,"_39":40,"_183":95,"_184":24,"_41":239,"_43":198,"_69":83,"_186":199,"_70":30,"_187":-5,"_226":240,"_17":241},{"_37":192,"_13":68,"_66":67,"_47":108,"_39":40,"_183":44,"_184":24,"_41":236,"_43":26,"_69":21,"_186":194,"_70":30,"_187":-5,"_226":237,"_17":238},{"_37":229,"_13":230,"_66":231,"_47":-5,"_39":40,"_183":146,"_184":24,"_41":232,"_43":198,"_69":21,"_186":233,"_70":30,"_187":-5,"_226":234,"_17":235},{"_37":221,"_13":222,"_66":122,"_47":-5,"_39":40,"_183":198,"_184":24,"_41":223,"_43":26,"_69":224,"_186":225,"_70":30,"_187":14,"_226":227,"_17":228},"694396c3-e43a-473b-ba19-ef264c977679","index.ts",["D",1784348552389],"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[222],"b873a53b-a598-4408-8a2f-527ce242fa01","README.md","61d65c90-8260-11f1-ae7e-1607ee4eb77e",["D",1784348994728],"# 👑 The Kings\n\nCumulative senior goals + assists by age for Lamine Yamal vs the greatest attacking careers ever: Messi, Cristiano Ronaldo, Pelé, Ronaldo Nazário (R9), Kylian Mbappé, and Neymar.\n\nThree views (click legend names to toggle players):\n\n- **Full careers** — cumulative G+A at each age, 15 → 40\n- **The teenage window** — cumulative G+A, ages 15–19 (the original chart)\n- **Teenage G+A per season** — season-by-season output at each teenage age\n\n## Structure\n\n- `index.ts` — HTTP entrypoint (Hono). Serves the frontend and `/source`.\n- `frontend/index.html` — shell (Twind + std/catch).\n- `frontend/app.tsx` — React + Recharts client app with legend toggling.\n- `frontend/data.ts` — the dataset, player config, and footnotes.\n\n## Notes on the data\n\nThese are career-tracking numbers, not a stats-provider export:\n\n- Endpoints for active players are anchored to July 2026 totals (Messi ≈ 915 G / ~400 A; CR7 ≈ 974 G / 307 A; Mbappé ≈ 555 G+A; ongoing 2026 World Cup included). Mid-career points are interpolated from known season totals — shapes are accurate, exact values are ±.\n- Pelé's line is official-match **goals only**; assists weren't reliably recorded in his era, so his curve understates his G+A.\n- Yamal's series ends at 18 (turned 19 in July 2026). R9's plateau at 23–25 is the knee ruptures.\n- Teenage rows come from the original teenage-kings comparison table.\n\nTo update the numbers, edit `frontend/data.ts`.\n",[],[230],["D",1784348556903],[],[18,68],["D",1784348959135],[],[18,82],["D",1784348983234],[],[18,92],["D",1784348556903],[216,217,218],[18],["D",1784348547373],{"_11":12,"_160":73},{"_11":12,"_155":156,"_72":73,"_31":71,"_157":158,"_159":30},{"_43":146,"_13":16,"_37":40,"_147":111,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":14,"_154":12},"ctx",{"_56":-5,"_179":285,"_286":287,"_288":289,"_290":30,"_291":30,"_292":30,"_293":24,"_294":-5,"_295":-7,"_296":-7,"_297":26,"_298":30,"_299":30,"_300":-5,"_301":30,"_302":30,"_303":30,"_304":-5},"ENV",{"_256":257,"_258":259,"_260":16,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · frontend