\n \n\n\n",[],[66,89],"c1a26a3e-9205-410f-9063-19e54e2f898d","data.ts","53c9e234-8260-11f1-932d-1607ee4eb77e",6,["D",1784348959135],"script","// 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",[],[66,96],"3a2f2cc0-0ab7-42d4-84a2-657e3b0b1638","app.tsx","5d169cd8-8260-11f1-aba3-1607ee4eb77e",7,["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",[],[66,105],"023ddae2-dfd8-4a19-ab83-9d1c224c84f8",["D",1784348547373],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Yamal vs R9, Mbappé, Messi — teenage G+A charts","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_166":162},"org",{"_11":12,"_159":160,"_161":162,"_122":123,"_163":164,"_165":55},"branch",{"_17":61,"_13":16,"_35":42,"_151":112,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":14,"_158":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789592399&sig=88bcaa4ca5c91b3d37bd9f9e2265f250b254a647312a9ccca82d0aeb36af01f0","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":112,"_13":14,"_47":218,"_114":-5,"_115":55,"_116":117,"_118":117,"_119":120,"_121":-5,"_122":123,"_124":39,"_125":46,"_126":-5,"_127":-5,"_128":49,"_129":130,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":136,"_137":136,"_138":139,"_140":139,"_141":139,"_142":136,"_143":136,"_144":219,"_146":220,"_148":221,"_150":55},[200,204,205],"files",[200,201,202,203,204,205],"counts",{"_191":49,"_192":44,"_193":49,"_31":194,"_195":196},[185,186,187],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":65,"_13":66,"_38":67,"_40":-5,"_41":42,"_43":68,"_45":46,"_47":69,"_17":49,"_50":70,"_52":-5,"_54":55,"_56":-5,"_18":190},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":44,"_50":24,"_52":63,"_54":55,"_56":-5,"_18":189},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":14,"_18":188},[37],[59],[66],"pulls","branches","forks",{"_197":49,"_199":49},"connections",{"_197":49,"_198":49},"count","unfilledCount","emptyCount",{"_35":65,"_13":66,"_38":67,"_40":-5,"_41":42,"_43":68,"_45":46,"_47":82,"_17":49,"_50":70,"_52":-5,"_54":55,"_56":-5,"_76":216,"_18":217},{"_35":104,"_13":105,"_38":106,"_40":67,"_41":42,"_43":107,"_45":46,"_47":108,"_17":44,"_50":100,"_52":109,"_54":55,"_56":-5,"_76":214,"_18":215},{"_35":95,"_13":96,"_38":97,"_40":67,"_41":42,"_43":98,"_45":46,"_47":99,"_17":44,"_50":100,"_52":101,"_54":55,"_56":-5,"_76":212,"_18":213},{"_35":88,"_13":89,"_38":90,"_40":67,"_41":42,"_43":68,"_45":46,"_47":91,"_17":49,"_50":24,"_52":92,"_54":55,"_56":-5,"_76":210,"_18":211},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":79,"_17":44,"_50":24,"_52":63,"_54":55,"_56":-5,"_76":208,"_18":209},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":75,"_17":49,"_50":51,"_52":53,"_54":55,"_56":14,"_76":206,"_18":207},[],[37],[],[59],[],[66,89],[],[66,96],[],[66,105],[201,202,203],[66],["D",1784348547373],{"_11":12,"_166":162},{"_11":12,"_159":160,"_161":162,"_122":123,"_163":164,"_165":55},{"_17":61,"_13":16,"_35":42,"_151":112,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":14,"_158":12},"ctx",{"_144":-5,"_182":255,"_256":257,"_258":259,"_260":55,"_261":55,"_262":55,"_263":46,"_264":-5,"_265":-7,"_266":-7,"_267":49,"_268":55,"_269":55,"_270":-5,"_271":55,"_272":55,"_273":55,"_274":-5},"ENV",{"_226":227,"_228":229,"_230":16,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Code