25:["$","title",null,{"children":"Ranking system | Jack Verstappen | Observable"}] 49:T45f,nextRoundOfBattles = ()=> { mutable round++; console.log("Round "+round); let b = []; let newRound = [...players]; newRound = newRound.sort((a,b)=> latestRating(a.key) - latestRating(b.key)).reverse(); for (let player of newRound) { console.log({...player,elo:latestRating(player.key)}); } while (newRound.length > 1) { const range = Math.min(newRound.length-1,4); const topPlayer = newRound[0]; const randIndex = Math.floor(Math.random()*range); const randPlayer = newRound[randIndex+1]; console.log("---"); console.log(newRound); console.log(topPlayer); console.log(randIndex); console.log(randPlayer); b.push({playerA:topPlayer, playerB:randPlayer, result:null, timestamp:null}); console.log(newRound.slice(1,randIndex+1)); console.log(newRound.slice(randIndex+2)); newRound = newRound.slice(1,randIndex+1).concat(newRound.slice(randIndex+2)); console.log(newRound); } // for (let i=0; i<(players.length-1); i+=2) { // b.push({playerA:players[i], playerB:players[i+1], result:null, timestamp:null}); // } return b; }4a:T570,nextRound = ()=> { mutable round++; console.log("Next Round "+round); let b = []; let newRound = [...players]; newRound = newRound.sort((a,b)=> latestRating(a.key) - latestRating(b.key)).reverse(); let possibilities = []; newRound.forEach((a,i) => { newRound.forEach((b,j) => { if (i<=j) return; possibilities.push({ playerA:a, playerB:b, battles: battleCount(a.key,b.key), rating: Math.max(latestRating(a.key),latestRating(b.key)), difference:Math.abs(latestRating(a.key)-latestRating(b.key))}); }) }) possibilities = possibilities.sort((a,b)=> { return a.battles!=b.battles ? a.battles-b.battles : a.difference!= b.difference ? a.difference-b.difference : b.rating-a.rating; }); console.log(possibilities); while (possibilities.length>0) { const pA = possibilities[0].playerA; const pB = possibilities[0].playerB; b.push({playerA:pA,playerB:pB,result:null, timestamp:null}); console.log(possibilities); console.log([pA,pB]); possibilities = possibilities.filter(d=> ![pA.key,pB.key].includes(d.playerA.key) && ![pA.key,pB.key].includes(d.playerB.key)); console.log(possibilities); // possibilities = []; } // for (let i=0; i<(players.length-1); i+=2) { // b.push({playerA:players[i], playerB:players[i+1], result:null, timestamp:null}); // } return b; }4b:T8c1,calcElo = () =>{ const ratings = new Array(players.length).fill(0).map((d) => new Array(100).fill(null)); const battleIndex = new Array(players.length).fill(null); for (let player of players) { const pIndex = playerMap.get(player.key); ratings[pIndex][0] = { date: null, elo: initialRate }; battleIndex[pIndex] += 1; } for(let battle of battles) { const p1Index = playerMap.get(battle.playerA.key); const p2Index = playerMap.get(battle.playerB.key); const p1BattleIndex = battleIndex[p1Index]; const p2BattleIndex = battleIndex[p2Index]; const p1Elo = (p1BattleIndex == 0 ? initialRate : ratings[p1Index][p1BattleIndex - 1].elo); const p2Elo = (p2BattleIndex == 0 ? initialRate : ratings[p2Index][p2BattleIndex - 1].elo); const p1Exp = 1 / (1 + Math.pow(10, (p1Elo - p2Elo) / 400)); const p2Exp = 1 / (1 + Math.pow(10, (p2Elo - p1Elo) / 400)); const p1Score = battle.result; const p2Score = -battle.result; const p1Mov = battle.result; const p2Mov = -battle.result; const p1MovMultiplier = movAdjustment != "Yes" ? 1 : Math.pow(Math.abs(p1Mov) + 3, 0.8) / (7.5 + 0.006 * (p1Elo - p2Elo)); const p2MovMultiplier = movAdjustment != "Yes" ? 1 : Math.pow(Math.abs(p2Mov) + 3, 0.8) / (7.5 + 0.006 * (p2Elo - p1Elo)); const corr_m = 2.2 / ((p1Exp - p2Exp)*.001 + 2.2); // Take underdog into account const p1NBAUpdatedElo = Math.round(p1Elo + corr_m * K * (p1Score - p1Exp) * p1MovMultiplier); const p2NBAUpdatedElo = Math.round(p2Elo + corr_m * K * (p2Score - p2Exp) * p2MovMultiplier); const p1UpdatedElo = newRating(p1Elo, p2Elo, p1Mov, K); const p2UpdatedElo = newRating(p2Elo, p1Elo, p2Mov, K); if (NBAScoring == "Yes") { ratings[p1Index][p1BattleIndex] = { date: battle.timestamp, elo: p1NBAUpdatedElo } ; ratings[p2Index][p2BattleIndex] = { date: battle.timestamp, elo: p2NBAUpdatedElo } ; } else { ratings[p1Index][p1BattleIndex] = { date: battle.timestamp, elo: p1UpdatedElo } ; ratings[p2Index][p2BattleIndex] = { date: battle.timestamp, elo: p2UpdatedElo } ; } battleIndex[p1Index] += 1; battleIndex[p2Index] += 1; } return ratings; }4c:T695,style2 = html``4d:[] 29:{"id":"00622ab0e4b569a5","slug":null,"title":"Ranking system","thumbnail":"a5a616ff153a8376ce78b9bc1059beb4b8f8776213846a7915cb0abc7af40a47","access_level":"public","create_time":"$D2022-12-22T08:00:01.897Z","update_time":"$D2022-12-22T19:17:45.156Z","view_time":null,"first_public_time":"$D2022-12-22T08:00:01.897Z","has_unpublished_edits":null,"fork":{"id":"88eabebe3c0a1058","slug":null,"title":"","owner":{"id":"a6a1e4b9e523112f","login":"jackverstappen","name":"Jack Verstappen"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a6a1e4b9e523112f","login":"jackverstappen","name":"Jack Verstappen","avatar_url":"https://avatars-next.observableusercontent.com/eef162d47242ef1943dcd344ae5eac7ad3ef7f08e43632320ff154d7c1ceddc5","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":942,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"cf6b5a97ab314cb8","login":"jackverstappen","name":"Jack Verstappen","avatar_url":"https://avatars-next.observableusercontent.com/eef162d47242ef1943dcd344ae5eac7ad3ef7f08e43632320ff154d7c1ceddc5","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"cf6b5a97ab314cb8","login":"jackverstappen","name":"Jack Verstappen","avatar_url":"https://avatars-next.observableusercontent.com/eef162d47242ef1943dcd344ae5eac7ad3ef7f08e43632320ff154d7c1ceddc5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Ranking system","cells":[{"id":937,"value":"# Ranking system","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":555,"value":"viewof control = Inputs.button([\n [\"Reset\", () => {mutable players = reloadPlayers(); mutable battles = []; mutable round=0; }], \n [\"Next\", () => {let b = nextRound(); mutable battles = battles.concat(b); }],\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"unplayedBattles.length?html`\n

\n${card(unplayedBattles[0].playerA)}\n${question}\n${card(unplayedBattles[0].playerB)}\n

\n`:htl.html`No battles to play`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":929,"value":"evolution = htl.html`\n

Evolution

\n${viewof evolutionChart}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"viewof overview = {\n played;\n yield Inputs.table(playerOverview.sort((a,b)=>a.rate-b.rate).reverse())\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"viewof evolutionChart = Plot.plot({ \n height: 200,\n y:{\n// domain:[1200,1800],\n label:\"rate\",\n nice:true,\n },\n x:{\n domain:[0,20],\n label:\"battle\",\n },\n color:{\n legend:true,\n },\n marks: [\n Plot.lineY(elo_long.filter((d) => showPlayers.includes(\"All\") ? true : showPlayers.includes(d.player.key)), {x: \"battleIndex\", y: \"elo\", z: d=>d.player.key, stroke:d=>d.player.key, title:d=>d.player.key}),\n Plot.dot(elo_long.filter((d) => showPlayers.includes(\"All\") ? true : showPlayers.includes(d.player.key)), {x: \"battleIndex\", y: \"elo\", z: d=>d.player.key, stroke:d=>d.player.key, title:d=>d.player.key, r:3, fill:\"#fff\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"question = htl.html`\n

\nWho wins?\n${viewof match}\n${unplayedBattles.length\n ? Math.round(100*expectedScore(latestRating(unplayedBattles[0].playerA.key),latestRating(unplayedBattles[0].playerB.key)))+\"% - \"+\n Math.round(100*expectedScore(latestRating(unplayedBattles[0].playerB.key),latestRating(unplayedBattles[0].playerA.key)))+\"%\"\n :\"\"}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"viewof match = Inputs.button([\n [\">>\", () => {console.log(\">>\"); played(2)}], \n [\">=\", () => {console.log(\">=\"); played(1)}], \n [\"==\", () => {console.log(\"==\"); played(0)}], \n [\"=<\", () => {console.log(\"=<\"); played(-1)}], \n [\"<<\", () => {console.log(\"<<\"); played(-2)}]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":919,"value":"playerOverview = {\n let o = [...players];\n o.forEach(d=>d.rate=latestRating(d.key));\n return o;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":790,"value":"viewof NBAScoring = Inputs.radio([\"Yes\", \"No\"], {label: \"Use NBA Scoring\", value: \"No\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"viewof showPlayers = Inputs.checkbox([\"All\"].concat(players.map(d=>d.key).sort((a,b)=> a>b?1:ad.result==null);\n mutable elo = calcElo();\n mutable elo_long = calcLongElo();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":889,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":718,"value":"viewof movAdjustment = Inputs.radio([\"Yes\", \"No\"], {label: \"Use margin of victory multipliers\", value: \"Yes\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":714,"value":"mutable elo = calcElo();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":729,"value":"mutable elo_long = calcLongElo();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"calcLongElo = () => {\n const arr = [];\n for(let t = 0; t < players.length; t++) {\n for(let b = 0; b < 100; b++) {\n if(elo[t][b] != null && elo[t][b].elo > 0) {\n arr.push({\n player: players[t],\n battleIndex: b,\n date: elo[t][b].date,\n elo: elo[t][b].elo\n })\n }\n }\n }\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":829,"value":"latestRating = (pKey) => {\n const pIndex = playerMap.get(pKey);\n const pElo = elo[pIndex].filter(d=>d!=null).slice(-1)[0].elo;\n\n return pElo;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":628,"value":"md`---\n### ELO functionality`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":617,"value":"viewof K = Inputs.range([10, 40], {step: 1, label: 'K factor:'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"viewof MOV = Inputs.range([10, -10], {step: -1, label: 'Margin Of Victory:'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"expectedScore = (p1Rate, p2Rate) => {\n const R1 = Math.pow(10, p1Rate / 400);\n const R2 = Math.pow(10, p2Rate / 400);\n const SUM = R1 + R2;\n \n return R1/SUM;\n //return [R1 / SUM, R2 / SUM];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":825,"value":"expectedNBAScore = (p1Elo,p2Elo) => {return 1 / (1 + Math.pow(10, (p1Elo - p2Elo) / 400));}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"newRating = (p1Rate, p2Rate, MOV, K) => {\n const p1Exp = expectedScore(p1Rate, p2Rate)\n const p2Exp = expectedScore(p2Rate, p1Rate);\n\n // See https://andr3w321.com/elo-ratings-part-2-margin-of-victory-adjustments/\n // For more : https://fivethirtyeight.com/features/how-we-calculate-nba-elo-ratings/\n // Volleyball ELO with more influences -> https://github.com/tjbreshears/VBelo\n const k_multiplier = MOV!=0?Math.log(Math.abs(MOV) + 1):1; // Take MarginOfVictory into account\n const corr_m = 2.2 / ((p1Exp - p2Exp)*.001 + 2.2); // Take underdog into account\n\n const MOV2REF = (MOV) => (MOV)?0.5+(MOV/Math.abs(MOV))/2:0.5;\n const calc = (rating,expectedScore,MOV) => Math.round(rating + k_multiplier * corr_m * K * (MOV2REF(MOV)-expectedScore));\n\n return calc(p1Rate,p1Exp,MOV); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"md`---\n### Data handling`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"initialRate = 1500;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":524,"value":"mutable players = reloadPlayers();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"reloadPlayers = ()=> {\n const p = [];\n data.forEach((d) => {\n p.push({key:d.key,title:d.title,summary:d.summary});\n })\n\n return p;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":709,"value":"playerMap = {\n const map = new Map();\n for(let i = 0; i < data.length; i++) map.set(data[i].key, i);\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"playerIndex = (p) => playerMap[p.key];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"mutable battles = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"battleCount = (p1,p2) => {\n return battles.filter(b=>{\n return (b.playerA.key == p1 && b.playerB.key == p2) || (b.playerA.key == p2 && b.playerB.key == p1)\n }).length;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"mutable unplayedBattles = battles.filter(d=>d.result==null);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`Each line in the textarea below represents the players information for the battle rounds`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"viewof source = {\n const textarea = html`

key,title,summary\nFEAT-1,Feature 1,\nFEAT-2,Feature 2,\nFEAT-3,Feature 3,\nFEAT-4,Feature 4,\nFEAT-5,Feature 5,\nFEAT-6,Feature 6,\n`;\n  textarea.style.display = \"block\";\n  textarea.style.boxSizing = \"border-box\";\n  textarea.style.width = \"calc(100% + 28px)\";\n  textarea.style.font = \"var(--mono_fonts)\";\n  textarea.style.minHeight = \"60px\";\n  textarea.style.border = \"none\";\n  textarea.style.padding = \"4px 10px\";\n  textarea.style.margin = \"0 -14px\";\n  textarea.style.background = \"rgb(247,247,249)\";\n  textarea.style.tabSize = 2;\n  textarea.oninput = () => textarea.style.height = `${textarea.value.match(/^/gm).length * 21 + 8}px`;\n  textarea.oninput();\n  return textarea;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = {\n  return d3.csvParse(source)\n  return d3.csvParseRows(source); //, ([key,title,summary]) => {key,title,summary});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"md`---\n### Styling`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":421,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"width = 975","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"viewof height = {\n  const form = html`<form class=\"observablehq--inspect\">height = <input name=i type=number min=0 value=720 step=1  style=\"padding:2px;margin:-2px 0;width:120px;\"></form>`;\n  (form.oninput = () => form.value = form.i.valueAsNumber)();\n  return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"viewof padding = {\n  const form = html`<form class=\"observablehq--inspect\">padding = <input name=i type=number min=0 value=10 step=1  style=\"padding:2px;margin:-2px 0;width:120px;\"></form>`;\n  (form.oninput = () => form.value = form.i.valueAsNumber)();\n  return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"viewof color = {\n  const form = html`<form class=\"observablehq--inspect\">color = <input name=i type=color value=\"#dddddd\" style=\"padding:2px;margin:-2px 0;\"></form>`;\n  (form.oninput = () => form.value = form.i.value)();\n  return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"card = (player) => html`\n<div class=\"card\">\n<b>${player.key}</b><br/>\n<h1>${player.title}</h1>\n<i>${player.summary}</i><br/><br/>\n<i>Rating : ${latestRating(player.key)}</i>\n</div>\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}}
24:null
</article></body></html>