3e:null 3f:["$","title",null,{"children":"Tennis match charting | Ananya Roy | Observable"}] 45:T66d,plot2 = Plot.plot({ width, height: 150, marginRight:50, 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: "lightgray", opacity: 0.7}), Plot.lineY(matchData, { x: d=>d["Pt"], y: d=>d["Gm2"], z: d=>d["Set1"]+d["Set2"], stroke: "lightgray", 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", r:2}), 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", r:2}), 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: 12, dy: +4})), 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: 12, dy: -4})), combinedPlot? Plot.ruleX([combinedPlot], {x: d=>Number(d["Pt"]), stroke: "red"}): [], ] })46:Tb81,viewof combinedPlot = { const gameLabels = ["0", "15", "30", "40", "AD"]; const hasTb = uniqueTiebkrPts.length > 0; const maxTb = Math.max(7, d3.max(uniqueTiebkrPts, Number) ?? 7); const k = 4 / maxTb; // maps tiebreak points onto the 0..4 game-point scale const raw = (d, p) => { const [a, b] = d.Pts.split("-"); return d.Svr == p ? a : b; }; const pos = (d, p) => d.tiebreaker ? Number(raw(d, p)) * k : Math.max(0, gameLabels.indexOf(raw(d, p))); const y1 = d => pos(d, 1); const y2 = d => pos(d, 2); const label = d => (d.Svr == 1 ? d.Pts : d.Pts.split("-")[1] + "-" + d.Pts.split("-")[0]); return Plot.plot({ width, height: 150, marginTop: 50, marginRight: 50, title: "Game and tiebreaker scores", subtitle: "Left axis: game points. Right axis: tiebreak points (games at 6-6).", style: "overflow: visible;", x: {grid: true, label: "Point number", labelAnchor: "center"}, y: {domain: [0, 4], axis: null}, marks: [ Plot.frame({stroke: "#ccc"}), Plot.gridY([0, 1, 2, 3, 4], {stroke: "currentColor", strokeOpacity: 0.1}), Plot.axisY([0, 1, 2, 3, 4], {anchor: "left", label: "Game points", labelAnchor: "center", tickFormat: i => gameLabels[i]}), hasTb ? Plot.axisY(d3.range(0, maxTb + 1).map(t => t * k), {anchor: "right", color: "purple", label: "Tiebreak points", labelAnchor: "center", tickFormat: v => Math.round(v / k)}) : [], Plot.lineY(enrichedMatchData, {x: "Pt", y: y1, z: "Gm#", stroke: d=> d.tiebreaker? "purple" : "lightgray", opacity: 0.7}), Plot.lineY(enrichedMatchData, {x: "Pt", y: y2, z: "Gm#", stroke: d=> d.tiebreaker? "purple" :"lightgray", opacity: 0.7}), Plot.dot(enrichedMatchData, {x: "Pt", y: y1, fill: "indianred", r: 2, symbol: d=> d.tiebreaker? "star" : "circle"}), Plot.dot(enrichedMatchData, {x: "Pt", y: y2, fill: "steelblue", r: 2, symbol: d=> d.tiebreaker? "star" : "circle"}), Plot.ruleX(enrichedMatchData, Plot.pointerX({x: "Pt", stroke: "red"})), Plot.dot(enrichedMatchData, Plot.pointerX({x: "Pt", y: y1, stroke: "red"})), Plot.dot(enrichedMatchData, Plot.pointerX({x: "Pt", y: y2, stroke: "blue"})), Plot.text(enrichedMatchData, Plot.pointerX({ x: "Pt", dy: -50, frameAnchor: "top-left", fontVariant: "tabular-nums", text: d => label(d) + (d.tiebreaker ? " (tiebreak)" : "") + "\nGame " + d["Gm#"] + "\nSet " + (d.Set1 + d.Set2 + 1) + "\nServe: " + playerMap.get(d.Svr).split("_")[1] + "\nPt winner: " + playerMap.get(d.PtWinner).split("_")[1] })), Plot.text(enrichedMatchData, Plot.selectFirst({filter: d=> d.tiebreaker, x: "Pt", y: y1, z: "Gm#", text: ()=> "*Tiebreak*", fill: "purple", textAnchor: "start", dy:-80, fontSize: 10})), //Plot.text(enrichedMatchData, Plot.selectLast({x: "Pt", y: y2, text: () => p2.split("_")[1], fill: "steelblue", dx: 30, textAnchor: "start", fontSize: 14})) ] }); }47:Ta10,Plot.plot({ marginLeft:50, marginRight:50, width: 500, title: "Key performance metrics", subtitle: "Larger area covered indicates better performance (probably works better when calculated across several matches rather than just one match as shown here)", 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: "linear-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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"matchData = data.filter((d) => d.match_id === selectedMatchId).sort((a, b) => a.Pt - b.Pt);\n//matchData = FileAttachment(\"20241002-M-Beijing-F.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"Inputs.table(enrichedMatchData)","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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\"]!== null,\n firstServeObjects: firstServe,\n secondServeObjects: secondServe,\n serveObjects: row[\"2nd\"]== null? firstServe.map(d=>{ return {Pt: row.Pt, PtWinner: row.PtWinner, ...d}}) : secondServe.map(d=>{ return {Pt: row.Pt, PtWinner: row.PtWinner, ...d}}),\n tiebreaker: row.Gm1==6 && row.Gm2==6\n };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"finalScore = {\n const setTransitions = enrichedMatchData.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, enrichedMatchData.at(-1)];\n\n return setEnds.map(d=> {\n const p1Games = d.PtWinner == 1 ? d.Gm1 + 1 : d.Gm1;\n const p2Games = d.PtWinner == 2 ? d.Gm2 + 1 : d.Gm2;\n\n let tiebreak = null;\n if (d.tiebreaker) {\n const [a, b] = d.Pts.split(\"-\").map(Number);\n let p1Pts = d.Svr == 1 ? a : b;\n let p2Pts = d.Svr == 2 ? a : b;\n if (d.PtWinner == 1) p1Pts += 1; else p2Pts += 1;\n tiebreak = { p1: p1Pts, p2: p2Pts };\n }\n\n return [p1Games, p2Games, tiebreak];\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"$49","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"function splitStroke(str) {\n //const endCodes = code.filter(c=> [\"outcome\", \"fault\"].includes(c.type)).map(c=> c.code).join('');\n //const shotCodes = code.filter(c=> [\"shot type\"].includes(c.type)).map(c=> c.code).join('');\n if (!str) return [];\n //return str.split(/(?=[0-9])|(?=[a-z])|(?=[${endCodes}])/i);\n return str.split(/(?<=[a-z])(?=[0-9])|(?<=[0-9])(?=[a-z])|(?=${endCodes})/i);\n //return str.split(/(?<=[a-z])(?=[0-9])|(?<=[0-9])(?=[a-z])|(?<=[+*\\-#])|(?=[*])/i);\n //return str.split(/(? {\n const key = i === parts.length - 1\n ? (i % 2 === 0 ? otherKey : svr)//\"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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"uniquePts = [...new Set(enrichedMatchData.filter(d=> !d.tiebreaker).flatMap(d => d.Pts.split(\"-\")))]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"uniqueTiebkrPts = [...new Set(enrichedMatchData.filter(d=> d.tiebreaker).flatMap(d => d.Pts.split(\"-\")))]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"$4a","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"2"}} 44:"$43:body"