29:null 2a:["$","title",null,{"children":"Tennis match charting | Ananya Roy | Observable"}] 2f:T627,plot2 = Plot.plot({ width, height: 150, title: "Set scores", style: "overflow: visible;", x: {grid: true, label:"Point number", labelAnchor: "center"}, y: {grid: true, label: "Games won", labelAnchor: "center"}, marks: [ Plot.ruleY([0]), Plot.lineY(matchData, { x: d=>d["Pt"], y: d=>d["Gm1"], z: d=>d["Set1"]+d["Set2"], stroke: "gray", opacity: 0.7}), Plot.lineY(matchData, { x: d=>d["Pt"], y: d=>d["Gm2"], z: d=>d["Set1"]+d["Set2"], stroke: "gray", opacity: 0.7}), Plot.dot(matchData, { filter: d=> d.Pts == "0-0", x: d=>d["Pt"], y: d=>d["Gm1"], z: d=>d["Set1"]+d["Set2"], fill: "indianred"}), Plot.dot(matchData, { filter: d=> d.Pts == "0-0", x: d=>d["Pt"], y: d=>d["Gm2"], z: d=>d["Set1"]+d["Set2"], fill: "steelblue"}), Plot.tip(matchData, Plot.pointer({ filter: d=> d.Pts == "0-0", x: d=>d["Pt"], y: d=>d["Gm1"], z: d=>d["Set1"]+d["Set2"], title: d=> p1.split("_")[1]+": "+d.Gm1})), Plot.tip(matchData, Plot.pointer({ filter: d=> d.Pts == "0-0", x: d=>d["Pt"], y: d=>d["Gm2"], z: d=>d["Set1"]+d["Set2"], title: d=> p2.split("_")[1]+": "+d.Gm2})), Plot.text(matchData, Plot.selectLast({x: d=>d["Pt"], y: d=>d["Gm1"], fontVariant: "tabular-nums", text: d=> p1.split("_")[1], fill: "indianred", dx:5, textAnchor: "start", fontSize: 14})), Plot.text(matchData, Plot.selectLast({x: d=>d["Pt"], y: d=>d["Gm2"], fontVariant: "tabular-nums", text: (d) => p2.split("_")[1], dx:5, fill: "steelblue", textAnchor: "start", fontSize: 14})), plot1? Plot.ruleX([plot1], {x: d=>Number(d["Pt"]), stroke: "red"}): [], ] })30:T890,viewof plot1 = Plot.plot({ width, title: "Game scores", style: "overflow: visible;", x: {grid: true, label: "Point number", labelAnchor: "center"}, y: {grid: true, domain: ["AD", "40", "30", "15", "0"], label: "Points won", labelAnchor: "center"}, marks: [ Plot.lineY(enrichedMatchData, { x: d=>d["Pt"], y: d=>d.Svr ==1? d.Pts.split("-")[0]: d.Pts.split("-")[1], z: "Gm#", stroke: "gray", opacity: 0.7}), Plot.lineY(enrichedMatchData, { x: d=>d["Pt"], y: d=>d.Svr ==2? d.Pts.split("-")[0]: d.Pts.split("-")[1], z: "Gm#", stroke: "gray", opacity: 0.7}), Plot.dot(enrichedMatchData, { x: d=>d["Pt"], y: d=>d.Svr ==1? d.Pts.split("-")[0]: d.Pts.split("-")[1], z: "Gm#", fill: "indianred"}), Plot.dot(enrichedMatchData, { x: d=>d["Pt"], y: d=>d.Svr ==2? d.Pts.split("-")[0]: d.Pts.split("-")[1], z: "Gm#", fill: "steelblue"}), //sharedPointer ? Plot.ruleX([sharedPointer], {x: d=>Number(d["Pt"]), stroke: "red"}) : [] Plot.ruleX(enrichedMatchData, Plot.pointerX({x: d=>d["Pt"], stroke: "red"})), Plot.dot(enrichedMatchData, Plot.pointerX({x: d=>d["Pt"], y: d=>d.Svr ==1? d.Pts.split("-")[0]: d.Pts.split("-")[1], stroke: "red"})), Plot.dot(enrichedMatchData, Plot.pointerX({x: d=>d["Pt"], y: d=>d.Svr ==2? d.Pts.split("-")[0]: d.Pts.split("-")[1], stroke: "blue"})), Plot.text(enrichedMatchData, Plot.pointerX({x: d=>d["Pt"], dy: -25, frameAnchor: "top-left", fontVariant: "tabular-nums", text: (d) => (d.Svr==1? d.Pts : (d.Pts.split("-")[1]+"-"+d.Pts.split("-")[0]))+"\n"+"Game "+d["Gm#"]+"\n"+"Set "+ (d.Set1+d.Set2+1)+"\n"+"Serve: "+playerMap.get(d.Svr).split("_")[1]+"\n"+"Pt winner: "+playerMap.get(d.PtWinner).split("_")[1]})), Plot.text(enrichedMatchData, Plot.selectLast({x: d=>d["Pt"], y: d=>d.Svr ==1? d.Pts.split("-")[0]: d.Pts.split("-")[1], fontVariant: "tabular-nums", text: d=> p1.split("_")[1], fill: "indianred", dx:5, textAnchor: "start", fontSize: 14})), Plot.text(enrichedMatchData, Plot.selectLast({x: d=>d["Pt"], y: d=>d.Svr ==2? d.Pts.split("-")[0]: d.Pts.split("-")[1], fontVariant: "tabular-nums", text: (d) => p2.split("_")[1], dx:5, fill: "steelblue", textAnchor: "start", fontSize: 14})), ] })31:T99a,Plot.plot({ marginLeft:50, marginRight:50, width: 500, title: "Key performance metrics", subtitle: "Larger area = better performance", projection: { type: "azimuthal-equidistant", rotate: [0, -90], // Note: 0.625° corresponds to max. length (here, 0.5), plus enough room for the labels domain: d3.geoCircle().center([0, 90]).radius(1)() }, color: { legend: true, domain:[p1,p2], range: ["indianred", "steelblue"]}, marks: [ // grey discs Plot.geo([1, 0.8, 0.6, 0.4, 0.2], { geometry: (r) => d3.geoCircle().center([0, 90]).radius(r)(), stroke: "black", fill: "black", strokeOpacity: 0.3, fillOpacity: 0.03, strokeWidth: 0.5 }), // white axes Plot.link(longitude.domain(), { x1: longitude, y1: 90 - 1, x2: 0, y2: 90, stroke: "white", strokeOpacity: 0.5, strokeWidth: 2.5 }), // tick labels Plot.text([0.2, 0.4, 0.6, 0.8], { x: 180, y: (d) => 90 - d, dx: 2, textAnchor: "start", text: (d) => `${100 * d}%`, fill: "currentColor", stroke: "white", fontSize: 8 }), // axes labels Plot.text(longitude.domain(), { x: longitude, y: 90 - 1, text: Plot.identity, lineWidth: 5 }), // areas Plot.area(radarChartInput, { x1: ({ stat }) => longitude(stat), y1: ({ value }) => 90 - value, x2: 0, y2: 90, fill: "player", stroke: "player", curve: "cardinal-closed" }), // points Plot.dot(radarChartInput, { x: ({ stat }) => longitude(stat), y: ({ value }) => 90 - value, fill: "player", stroke: "white" }), // interactive labels Plot.text( radarChartInput, Plot.pointer({ x: ({ stat }) => longitude(stat), y: ({ value }) => 90 - value, text: (d) => `${(100 * d.value).toFixed(0)}%`, textAnchor: "start", dx: 4, fill: "currentColor", stroke: "white", maxRadius: 10 }) ), // interactive opacity on the areas () => svg``","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"matchData = FileAttachment(\"tennisMatch.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"enrichedMatchData = matchData.map(row => {\n const firstServe = strokesToObjects(row[\"1st\"], row.Svr);\n const secondServe = strokesToObjects(row[\"2nd\"], row.Svr);\n return {\n ...row,\n set: row.Set1+row.Set2+1,\n secondServe: row[\"2nd\"]!==\"\",\n firstServeObjects: firstServe,\n secondServeObjects: secondServe,\n serveObjects: row[\"2nd\"]==\"\"? firstServe : secondServe,\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"function getDesc1(serveObjectArray, server){\n const textArray = serveObjectArray.map(e=> Object.values(e.code)).map(d=> d.map(e=> e.split('').map(f=> codeMap.get(f).description)).join(' '));\n const pColor = [\"\",\"\"];\n const textArrayWithColor = textArray.map((d,i)=> serveObjectArray[i].player==1 ? pColor[0]+d+\"\" : serveObjectArray[i].player==2 ? pColor[1]+d+\"\" : serveObjectArray[i].player==\"end\"? pColor[(serveObjectArray[i-1].player)-1]+d+\"\": \"\")\n\n return textArrayWithColor.join(\"→\");\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"p1 = matchData[0].match_id.split(\"-\")[4]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"p2 = matchData[0].match_id.split(\"-\")[5]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"playerMap = new Map([\n [1, p1],\n [2, p2],\n]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"finalScore = {\n const setTransitions = matchData.filter(d=> d.Pts == \"0-0\" && d.Gm1 == 0 && d.Gm2 ==0 && d.Pt >1);\n const setStarts = setTransitions.map(d=>matchMap.get(d.Pt-1));\n const setEnds = [...setStarts, matchData.at(-1)];\n return setEnds.map(d=> d.PtWinner == 1? [d.Gm1+1, d.Gm2] : [d.Gm1, d.Gm2+1])\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"matchMap = new Map(enrichedMatchData.map(d => [d.Pt, d]));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"function scoreboard(pointNumber=0, player1, player2, score){\n\n const sets = [...Array(score.length).keys()].map(i => i + 1);\n const headers = [\"Sets\", ...sets];\n const headerRow = `| ${headers.join(' | ')} |`;\n const separatorRow = `| ${headers.map(() => '---').join(' | ')} |`;\n\n const state = matchMap.get(pointNumber);\n const currentSet = state?.Set1+state?.Set2+1;\n const currentScore = [state?.Gm1, state?.Gm2];\n\n const p1Row = `| ${player1} | ${sets.map(d=> d ==currentSet? currentScore[0] : d > currentSet? \"-\" : score[d-1][0]).join(' | ')} |`\n const p2Row = `| ${player2} | ${sets.map(d=> d ==currentSet? currentScore[1] : d > currentSet? \"-\" : score[d-1][1]).join(' | ')} |`\n\n return `${headerRow}\\n${separatorRow}\\n${p1Row}\\n${p2Row}`;\n\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"function splitStroke(str) {\n if (!str) return [];\n return str.split(/(? {\n const key = i === parts.length - 1\n ? \"end\"\n : (i % 2 === 0 ? svr : otherKey);\n return{\"shot\": i, \"player\": key, \"code\":part, ...parseShotField(part)}\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"code = FileAttachment(\"tennisPointCode.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"codeMap = new Map(\n code.map(user => [user.code, user])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"function getDesc(serveObjectArray){\n return serveObjectArray.map(d=> d.flatMap(e=> Object.values(e.code))).map(d=> d.map(e=> e.split('').map(f=> codeMap.get(f).description).join(' ')).join(', '))\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"function getPercentage(part: number, total: number, decimals: number = 0): number {\n if (total === 0) return 0; // Prevent division by zero\n\n const percentage = (part / total) * 100;\n return Number(percentage.toFixed(decimals));\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"forcedErrors = enrichedMatchData.filter(d=> d.serveObjects.at(-1).code.includes(\"#\")).map(d=>\n {\n return { ...d.serveObjects.at(-2),\n \"outcome\": d.serveObjects.at(-1).code,\n \"ptWinner\": d.PtWinner}\n\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"pointsP1 = enrichedMatchData.filter(d=> d.PtWinner==\"1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"pointsP2 = enrichedMatchData.filter(d=> d.PtWinner==\"2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"winsP1 = pointsP1.filter(d=> d.serveObjects.at(-1).code == \"*\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"winsP2 = pointsP2.filter(d=> d.serveObjects.at(-1).code== \"*\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"errorsForcedByP1 = pointsP1.filter(d=> d.serveObjects.at(-1).code.includes(\"#\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"unforcedErrorsP1 = pointsP2.filter(d=> d.serveObjects.at(-1).code.includes(\"@\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"aggressiveMarginP1 = winsP1.length + errorsForcedByP1.length - unforcedErrorsP1.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"unforcedErrorsP2 = pointsP1.filter(d=> d.serveObjects.at(-1).code.includes(\"@\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"errorsForcedByP2 = pointsP2.filter(d=> d.serveObjects.at(-1).code.includes(\"#\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"aggressiveMarginP2 = winsP2.length + errorsForcedByP2.length - unforcedErrorsP2.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"function parseShotField(str) {\n if (str == null) return { shot: \"\", position: null, direction: null, depth: null };\n\n // Extract position indicator (+, -, or =) if present\n const positionMatch = str.match(/[+\\-=]/);\n const position = positionMatch ? positionMatch[0] : null;\n\n // Remove position character before extracting numbers/shot letters\n const stripped = position ? str.replace(position, \"\") : str;\n\n const numberMatches = stripped.match(/\\d/g) || [];\n const shot = stripped.replace(/\\d/g, \"\");\n const direction = numberMatches.length > 0 ? numberMatches[0] : null;\n const depth = numberMatches.length > 1 ? numberMatches[1] : null;\n\n return { shot, position, direction, depth };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"shotTypes = code.filter(d => d.type === \"shot type\").map(d => d.code)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"2","titling":"auto"}} 2e:"$2d:body"