32:T556,| Data point | Description | Example | | ----------- | ----------- | ----------- | | date | Date of the game | 2022-06-08 | | quarter | Quarter when the play took place | 1st, 2nd, 3rd, 4th | | time | Time the play took place, within the quarter | 11:22.0 | | totalSec | Seconds remaining when the play took place, within the whole game | 2880 | | home | Home team name | Golden State | | away | Away team name | Boston | | homeScore | Home team score, at time of play | 18 | | awayScore | Away team score, at time of play | 22 | | action | Full action phrase of the play | Defensive rebound by R. Williams | | actionGroup | Team at the center of the play | away | | actionType | Descriptor of play | defensive rebound | | actionTypeCategory | Category of play | rebound | actionPlayer | Player at the center of play | S. Curry | | actionPlayerImg | Image of the player at the center of play | sCurry.png | | actionResult | Result of play | home scored 2 | | actionDistance | Distance of the play | 2 ft | | secondaryAction | Full action phrase of secondary play | assist by J. Tatum | | secondaryActionType | Descriptor of secondary play | assist | | secondaryPlayer | Secondary player involved in the play | J. Tatum |33:T15ba,{ const width = 450; const height = 200; const margin = {top: 40, bottom: 10, left: 0, right: 0} const shotActionNameLookup = ({ "2pt fga": 'missed a 2', "3pt tpa": 'missed a 3', "2pt fga layup": 'missed a layup', "2pt fgm layup": 'Layup!', "1pt fta": 'missed a FT 😬', "1pt ftm": 'made a FT', "2pt fgm": '2 pts!', "2pt fgm dunk": 'DUNK 🔥', "3pt tpm": 'THREEEE', "2pt fga dunk": 'missed a dunk 🤔', "2pt fgm hook": 'baby hook!' }); const svg = d3.create('svg') .attr('width', width + margin.left + margin.right) .attr('height', height + margin.top + margin.bottom) svg.append('rect') .attr('width', '100%') .attr('height', '100%') .style('fill', '#FFFFFF') .style('stroke', '#F7F2EA') .style('stroke-width', '15') const g = svg.append('g') .attr('transform', `translate(${margin.left}, ${margin.top})`) const yScale = d3.scaleLinear() .domain([d3.max(parsedPlayByPlay, d => d.totalSec), 0]) .range([height, 0]) const xScale = d3.scalePoint() .padding(.5) .domain(['away', 'home']) .range([0, width]); const teamLookup = { 'away': parsedPlayByPlay[0].away, 'home': parsedPlayByPlay[0].home }; const xAxis = g.append('g') .attr('transform', `translate(0, 5)`) .call(d3.axisTop(xScale).tickFormat(d => teamLookup[d])) xAxis.select('.domain').remove(); xAxis.selectAll('text') .style('fill', d => teamLookup[d] == 'Golden State' ? warriorsBlue : celticsGreen) .style('font-weight', 900) .style('font-size', '15px') let i = 0; let maxI = parsedPlayByPlay.length - 1; const awaySection = g.append('g') .attr('transform', `translate(${xScale('away')}, ${height / 2})`) const awaySectionPlayer = awaySection.append('image') .attr('width', 100) .attr('height', 100) .attr('x', -50) .attr('y', -50) const awayText = awaySection.append("text") .attr('y', 60) .style('font', '13px sans-serif') .style('font-weight', '700') .style('text-anchor', 'middle') const homeSection = g.append('g') .attr('transform', `translate(${xScale('home')}, ${height / 2})`) const homeSectionPlayer = homeSection.append('image') .attr('width', 100) .attr('height', 100) .attr('x', -50) .attr('y', -50) const homeText = homeSection.append("text") .attr('y', 60) // .attr('x', 50) .style('font', '13px sans-serif') .style('font-weight', '700') .style('text-anchor', 'middle') const currentTime = g.append('g') .attr('transform', `translate(${width / 2}, 0)`) .append('text') .style('text-anchor', 'middle') .style('font', '14px monospace') const totalScore = g.append('g') .attr('transform', `translate(${width / 2}, ${height / 2})`) .append('text') .style('text-anchor', 'middle') .style('font', '22px monospace') .style('font-weight', 'bold') const resetRect = g.append('g') .attr('transform', `translate(${(width / 2) - 30}, ${height - 35})`) .style('opacity', 0) .style("cursor", 'pointer') .style('pointer-events', 'none') .on('click', () => { i = 0; resetRect.style('opacity', 0) }) resetRect.append('rect') .attr('width', 60) .style('height', 30) .style('fill', '#F7F2EA') // beigy color we're using in the illustrations .style("stroke", '#d9d4cc') // slightly darker shade .style('rx', 2) resetRect.append('text') .style('pointer-events', 'none') .text('REPLAY') .style('text-anchor', 'middle') .attr('x', 30) .style('font', '12px sans-serif') .style('font-weight', 'bold') .style('fill', '#5f2500') // brown we're using for the headers .attr('y', 20); while(true) { yield svg.node(); await Promises.delay(200); const currentPlay = parsedPlayByPlay[i] if(currentPlay.actionTypeCategory == 'shot made' || currentPlay.actionTypeCategory == 'shot attempt') { const player = currentPlay.actionPlayer; const playerImage = playerData.filter(d => `${d.firstName[0]}. ${d.lastName}` == player)[0] const actionText = shotActionNameLookup[currentPlay.actionType]; if(currentPlay.actionGroup == 'away') { if(emotionPlayerImages[player] != undefined) { awaySectionPlayer.attr('href', emotionPlayerImages[player][currentPlay.actionTypeCategory]) .attr('width', 80) .attr('height', 80) .attr('x', -40) } else { awaySectionPlayer.attr('href', playerImage ? playerImage.imgurl : "") .attr('width', 100) .attr('height', 100) .attr('x', -50) } awayText.text(`${player} ${actionText}`) } else { if(emotionPlayerImages[player] != undefined) { homeSectionPlayer.attr('href', emotionPlayerImages[player][currentPlay.actionTypeCategory]) .attr('width', 80) .attr('height', 80) .attr('x', -40) } else { homeSectionPlayer.attr('href', playerImage ? playerImage.imgurl : "") .attr('width', 100) .attr('height', 100) .attr('x', -50) } homeText.text(`${player} ${actionText}`) } } currentTime.text(currentPlay.time) totalScore.text(`${currentPlay.awayScore} - ${currentPlay.homeScore}`) if(i == maxI) { resetRect.style('opacity', 1) .style('pointer-events', 'auto') } else { i++; } } return svg.node() }34:T229f,{ await visibility(); const width = window.innerWidth * .7; const height = 300; const margin = {top: 50, bottom: 30, left: 50, right: 120} const quarterTimeLookup = new Map([parsedPlayByPlay[0]].concat(parsedPlayByPlay.filter(d => d.actionType == 'start of quarter')).map(d => [d.totalSec, `${d.quarter} Quarter`]).concat([[0, 'End of Game']])) const homeTeam = parsedPlayByPlay[0].home const awayTeam = parsedPlayByPlay[0].away const homeColor = homeTeam == 'Golden State' ? warriorsBlue : celticsGreen const awayColor = awayTeam == 'Golden State' ? warriorsBlue : celticsGreen const shotActionNameLookup = ({ "2pt fga": 'missed a 2', "3pt tpa": 'missed a 3', "2pt fga layup": 'missed a layup', "2pt fgm layup": 'Layup!', "1pt fta": 'missed a FT 😬', "1pt ftm": 'made a FT', "2pt fgm": '2 pts!', "2pt fgm dunk": 'DUNK 🔥', "3pt tpm": 'THREEEE', "2pt fga dunk": 'missed a dunk 🤔', "2pt fgm hook": 'baby hook!' }); const svg = d3.create('svg') .attr('width', width + margin.left + margin.right) .attr('height', height + margin.top + margin.bottom) const g = svg.append('g') .attr('transform', `translate(${margin.left}, ${margin.top})`) const xScale = d3.scaleLinear() .domain([d3.max(parsedPlayByPlay, d => d.totalSec), 0]) .range([0, width]) const yScale = d3.scaleLinear() .domain([0, d3.max([d3.max(parsedPlayByPlay, d => d.homeScore), d3.max(parsedPlayByPlay, d => d.awayScore)])]) .range([height, 0]); const xAxis = g.append('g') .attr('transform', `translate(0, ${height})`) .call(d3.axisBottom(xScale) .tickSize(-height) .tickValues(Array.from(quarterTimeLookup.keys())) .tickFormat(d => quarterTimeLookup.get(d))); xAxis.selectAll('line') .style('stroke', '#222') .style('stroke-width', 1) .style('stroke-dasharray', '3'); xAxis.select('.domain').remove(); let i = 0; let maxI = parsedPlayByPlay.length - 1; const homeDiffClipArea = d3.area() .curve(d3.curveCatmullRom) .x(d => xScale(d.totalSec)) .y0(0) .y1(d => yScale(d.awayScore)) const awayDiffClipArea = d3.area() .curve(d3.curveCatmullRom) .x(d => xScale(d.totalSec)) .y0(0) .y1(d => yScale(d.homeScore)) const homeDiffArea = d3.area() .curve(d3.curveCatmullRom) .x(d => xScale(d.totalSec)) .y0(d => yScale(d.homeScore)) .y1(d => yScale(d.awayScore)) const awayDiffArea = d3.area() .curve(d3.curveCatmullRom) .x(d => xScale(d.totalSec)) .y0(d => yScale(d.homeScore)) .y1(d => yScale(d.awayScore)) const homeDiffAreaClip = DOM.uid('homeArea') const homeDiffAreaClipPath = g.append('clipPath') .attr('id', homeDiffAreaClip.id) .append('path') .datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('d', homeDiffClipArea) const awayDiffAreaClip = DOM.uid('awayArea') const awayDiffAreaClipPath = g.append('clipPath') .attr('id', awayDiffAreaClip.id) .append('path') .datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('d', awayDiffClipArea) const homeDiffAreaPath = g.append('path') .datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('d', homeDiffArea) .attr('clip-path', homeDiffAreaClip) .style('fill', homeColor) .style('fill-opacity', .5) const awayDiffAreaPath = g.append('path') .datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('d', homeDiffArea) .attr('clip-path', awayDiffArea) .style('fill', awayColor) .style('fill-opacity', .5) const homeLine = d3.line() .curve(d3.curveCatmullRom) .x(d => xScale(d.totalSec)) .y(d => yScale(d.homeScore)) const homeLinePath = g.append('path') .datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('d', homeLine) .style('fill', 'none') .style('stroke', homeColor) .style("stroke-width", 4) const awayLine = d3.line() .curve(d3.curveCatmullRom) .x(d => xScale(d.totalSec)) .y(d => yScale(d.awayScore)) const awayLinePath = g.append('path') .datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('d', awayLine) .style('fill', 'none') .style('stroke', awayColor) .style("stroke-width", 4) const ticker = g.append('g') .datum(parsedPlayByPlay[i]) .attr('transform', d => `translate(${xScale(d.totalSec)}, 0)`); const basketballLine = ticker.append('line') .attr('x1', 0) .attr('x2', 0) .attr('y1', height) .attr('y2', d => yScale(d3.max([d.awayScore, d.homeScore]))) .style('stroke', '#000') .style('stroke-width', 4) const basketballBackgroundImage = ticker.append('circle') .attr('r', 12) .attr('cy', d => yScale(d3.max([d.awayScore, d.homeScore]))) const basketballImage = ticker.append('image') .attr('width', 22) .attr('href', icons.shotMade) .attr('y', d => yScale(d3.max([d.awayScore, d.homeScore]))) .attr('x', -11 + .25) const basketballScore = ticker.append('text') .attr('y', -15) .attr('x', 0) .style('text-anchor', 'middle') .style('font', '13px sans-serif') .style('font-weight', 'bold') const resetRect = g.append('g') .attr('transform', `translate(0, ${-margin.top + 10})`) .style('opacity', 0) .style("cursor", 'pointer') .style('pointer-events', 'none') .on('click', () => { i = 0; resetRect.style('opacity', 0) }) resetRect.append('rect') .attr('width', 100) .style('height', 30) .style('fill', '#F7F2EA') // beigy color we're using in the illustrations .style("stroke", '#d9d4cc') // slightly darker shade .style('rx', 2) resetRect.append('text') .style('pointer-events', 'none') .text('REPLAY') .style('text-anchor', 'middle') .attr('x', 50) .style('font', '12px sans-serif') .style('font-weight', 'bold') .style('fill', '#5f2500') // brown we're using for the headers .attr('y', 20); const actionPlayer = g.append('g') const actionPlayerImage = actionPlayer.append('image') .attr('width', 100) .attr('height', 100) const actionPlayerText = actionPlayer.append("text") .attr('y', 100) .attr('x', 5) .style('font', '12px sans-serif') let lastColor = '#000' yield svg.node(); while (i <= maxI) { await Promises.delay(100); const currentPlay = parsedPlayByPlay[i] awayLinePath.datum(parsedPlayByPlay.filter((e, f) => f <= i)).attr('d', awayLine); homeLinePath.datum(parsedPlayByPlay.filter((e, f) => f <= i)).attr('d', homeLine); homeDiffAreaClipPath.datum(parsedPlayByPlay.filter((e, f) => f <= i)).attr('d', homeDiffClipArea); homeDiffAreaPath.datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('clip-path', homeDiffAreaClip).attr('d', homeDiffArea); awayDiffAreaClipPath.datum(parsedPlayByPlay.filter((e, f) => f <= i)).attr('d', awayDiffClipArea); awayDiffAreaPath.datum(parsedPlayByPlay.filter((e, f) => f <= i)) .attr('clip-path', awayDiffAreaClip).attr('d', awayDiffArea); ticker.datum(currentPlay).attr('transform', d => `translate(${xScale(d.totalSec)}, 0)`); basketballBackgroundImage.datum(currentPlay) .attr('cy', d => yScale(d3.max([d.awayScore, d.homeScore]))) .style('fill', d => { if(d.actionTypeCategory == 'shot made') { lastColor = d.awayScore > d.homeScore ? awayColor : homeColor return lastColor } else { return lastColor; } }); basketballLine.datum(currentPlay) .attr('y2', d => yScale(d3.max([d.awayScore, d.homeScore]))) .style('stroke', lastColor); basketballImage.datum(currentPlay) .attr('y', d => yScale(d3.max([d.awayScore, d.homeScore])) - 11); basketballScore.datum(currentPlay) .attr('y', d => yScale(d3.max([d.awayScore, d.homeScore])) - 15) .text(d => `${d.away} ${d.awayScore} - ${d.home} ${d.homeScore}`); if(currentPlay.actionTypeCategory == 'shot made' || currentPlay.actionTypeCategory == 'shot attempt') { const player = currentPlay.actionPlayer; const playerImage = playerData.filter(d => `${d.firstName[0]}. ${d.lastName}` == player)[0] if(emotionPlayerImages[player] != undefined) { actionPlayerImage.attr('href', emotionPlayerImages[player][currentPlay.actionTypeCategory]) .attr('width', 80) .attr('height', 80) } else { actionPlayerImage.attr('href', playerImage ? playerImage.imgurl : "") .attr('width', 100) .attr('height', 100) } actionPlayerText.text(`${player} ${shotActionNameLookup[currentPlay.actionType]}`) } if(i == maxI) { resetRect.style('opacity', 1) .style('pointer-events', 'auto') } else { i++; } } return svg.node() } // })35:T4bf,Plot.plot({ width, height: 550, marginRight: 10, x: { reverse: true, axis: null, }, y: { grid: true, label: "Score ↑", }, marks: [ Plot.link(parsedPlayByPlay.filter(d => d.actionTypeCategory === "shot made"), { x1: "totalSec", x2: "totalSec", y1: "homeScore", y2: "awayScore", stroke: "#cecece", strokeWidth: 3, opacity: 0.8, title: (d) => `SCORE DIFF \n ${d.homeScore > d.awayScore ? `Celtics +${d.homeScore - d.awayScore}` : `Warriors +${d.awayScore - d.homeScore}`}`, }), Plot.dot(parsedPlayByPlay.filter(d => d.actionTypeCategory === "shot made"), { x: "totalSec", y: "homeScore", fill: `${celticsGreen}`, r: 5, stroke: "#ffffff", fillOpacity: 1, title: (d) => `SCORE \n Celtics: ${d.awayScore} \n Warriors: ${d.homeScore}`, }), Plot.dot(parsedPlayByPlay.filter(d => d.actionTypeCategory === "shot made"), { x: "totalSec", y: "awayScore", fill: `${warriorsBlue}`, r: 5, stroke: "#ffffff", fillOpacity: 1, title: (d) => `SCORE \n Warriors: ${d.homeScore} \n Celtics: ${d.awayScore}`, }), ] })36:T10da,{ const width = window.innerWidth * .85; const height = 530; const svg = d3.create('svg') .attr('width', width) .attr('height', height); const goop = DOM.uid("squareClip"); var defs = svg.append("defs"); var filter = defs.append("filter").attr("id", goop.id); filter.append("feGaussianBlur") .attr("in","SourceGraphic") .attr("stdDeviation","10") .attr("color-interpolation-filters","sRGB") .attr("result","blur"); filter.append("feColorMatrix") .attr("in","blur") .attr("mode","matrix") .attr("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7") .attr("result","gooey"); const g = svg.append('g') .attr('transform', `translate(0, ${height / 2})`) const pointLookup = ({ "3pt tpm": 3, "2pt fgm": 2, "2pt fgm dunk": 2, "2pt fgm layup": 2, "2pt fgm hook": 2, "1pt ftm": 1, }); const playerTotals = d3.rollups(parsedPlayByPlay, v => d3.sum(v, d => pointLookup[d.actionType]), d => `${d.actionPlayer} - ${d.actionGroup == 'away' ? d.away : d.home}`) const playerReboundTotals = d3.rollups(parsedPlayByPlay, v => d3.sum(v, d => d.actionTypeCategory == 'rebound' ? 1 : 0), d => `${d.actionPlayer} - ${d.actionGroup == 'away' ? d.away : d.home}`) const playerClips = {}; playerTotals.forEach(d => { playerClips[d[0]] = DOM.uid(d[0]) }) const pointScale = d3.scaleSqrt() .domain([0, d3.max(statSelect == 'Points' ? playerTotals : playerReboundTotals, d => d[1])]) .range([0, 80]); const fontSizeScale = d3.scaleLinear() .domain(pointScale.range()) .range([3, 14]) let nodes; if(statSelect == 'Points') { nodes = playerTotals.filter(d => d[1] > 0).map(d => { return { id: d[0], points: d[1] } }); } else { nodes = playerReboundTotals.filter(d => d[1] > 0).map(d => { return { id: d[0], points: d[1] } }); } const xScale = d3.scalePoint() .domain(['Boston', 'Golden State']) .range([0, width]) .padding(.5); let simulation = d3.forceSimulation(nodes) .alpha(.1)// stay hot .velocityDecay(0.1) // low friction .force("x", d3.forceX().strength(.35).x(d => xScale(d.id.split(' - ')[1]))) .force("y", d3.forceY().strength(0.1)) .force("collide", d3.forceCollide().radius(d => pointScale(d.points) + 2)) .on("tick", ticked); const nodeObject = g.append('g') .style('filter', goop) .selectAll('.node') .data(nodes) .enter().append('g') .attr('class', 'node') .call(drag(simulation)) .style('cursor', 'pointer') const nodeObjectText = g.append('g') .selectAll('.node-text') .data(nodes) .enter().append('g') .attr('class', 'node-text') .style('pointer-events', 'none') nodeObject.append('clipPath') .attr("id", d => playerClips[d.id].id) .append("circle") .attr('r', d => pointScale(d.points)); nodeObject.append('circle') .style('fill', d => d.id.split(' - ')[1] == 'Boston' ? celticsGreen : warriorsBlue) .style('fill-opacity', .85) .style('stroke-width', 5) .style('stroke', d => d.id.split(' - ')[1] == 'Boston' ? d3.color(celticsGreen).darker(1) : d3.color(warriorsBlue).darker(1)) .attr('r', d => pointScale(d.points)); nodeObjectText.append('text') .style('font', '12px sans-serif') .attr('clip-path', d => playerClips[d.id]) .style('font-size', d => `${fontSizeScale(pointScale(d.points))}px`) .style('text-anchor', 'middle') .style('fill', '#fff') .style('font-weight', 900) .attr('y', 2) .text(d => d.id.split(' - ')[0]) .style('filter', 'none') nodeObjectText.append('text') .style('font', '12px sans-serif') .style('font-size', d => `${fontSizeScale(pointScale(d.points))}px`) .style('text-anchor', 'middle') .style('fill', '#fff') .attr('y', d => fontSizeScale(pointScale(d.points)) + 2) .text(d => d.points + ' ' + statSelect); function ticked() { nodeObject.attr('transform', d => `translate(${d.x}, ${d.y})`) nodeObjectText.attr('transform', d => `translate(${d.x}, ${d.y})`) } invalidation.then(() => simulation.stop()); return svg.node(); }37:T987,// Cropped heads for animated charts emotionPlayerImages = ({ 'A. Horford': { 'shot made': await FileAttachment("horford-happy.png").url(), 'shot attempt': await FileAttachment("horford-sad.png").url() }, 'J. Brown': { 'shot made': await FileAttachment("jaylen-brown-happy.png").url(), 'shot attempt': await FileAttachment("jaylen-brown-sad.png").url() }, 'J. Tatum': { 'shot made': await FileAttachment("jayson-tatum-happy.png").url(), 'shot attempt': await FileAttachment("jayson-tatum-sad.png").url() }, 'S. Curry': { 'shot made': await FileAttachment("curry-happy.png").url(), 'shot attempt': await FileAttachment("curry-sad@1.png").url() }, 'D. Green': { 'shot made': await FileAttachment("draymond-happy.png").url(), 'shot attempt': await FileAttachment("draymond-sad.png").url() }, 'K. Thompson': { 'shot made': await FileAttachment("klay-thompson-happy.png").url(), 'shot attempt': await FileAttachment("klay-thompson-sad.png").url() }, 'J. Poole': { 'shot made': await FileAttachment("jordan-pool-happy.png").url(), 'shot attempt': await FileAttachment("jordan-poole-sad.png").url() }, 'J. Kuminga': { 'shot made': await FileAttachment("kuminga-happy.png").url(), 'shot attempt': await FileAttachment("kuminga-sad.png").url() }, 'M. Smart': { 'shot made': await FileAttachment("marcus-smart-happy.png").url(), 'shot attempt': await FileAttachment("marcus-smart-sad.png").url() }, 'R. Williams': { 'shot made': await FileAttachment("robert-williams-happy.png").url(), 'shot attempt': await FileAttachment("robert-williams-sad.png").url() }, 'D. White': { 'shot made': await FileAttachment("white-happy.png").url(), 'shot attempt': await FileAttachment("white-sad.png").url() }, 'A. Wiggins': { 'shot made': await FileAttachment("wiggins-happy.png").url(), 'shot attempt': await FileAttachment("wiggins-sad.png").url() }, 'O. Porter': { 'shot made': await FileAttachment("otto-happy.png").url(), 'shot attempt': await FileAttachment("otto-sad.png").url() }, 'D. Theis': { 'shot made': await FileAttachment("theis-happy.png").url(), 'shot attempt': await FileAttachment("theis-sad.png").url() }, 'P. Pritchard': { 'shot made': await FileAttachment("pritchard-happy.png").url(), 'shot attempt': await FileAttachment("pritchard-sad.png").url() }, })38:[{"id":"4aec5136629c0847516c9377b21c94b1690d9793aa112afe56162f6d5ae54ba37d3868249890a1de787978c4e2bce3b1c543ec166648778b745780cfbb6eceac","href":"https://static.observableusercontent.com/files/4aec5136629c0847516c9377b21c94b1690d9793aa112afe56162f6d5ae54ba37d3868249890a1de787978c4e2bce3b1c543ec166648778b745780cfbb6eceac","name":"jayson-tatum-sad.png","type":"image/png","lastModified":1654959135343.384,"size":43677},{"id":"59c6d0546c67ec37263d52b589a8398df45faed3571f057a0914817e83ffe4815d7e361efa008c302ae32426a5f222f16f4be9814d3c9de9d517c9bdc11e158b","href":"https://static.observableusercontent.com/files/59c6d0546c67ec37263d52b589a8398df45faed3571f057a0914817e83ffe4815d7e361efa008c302ae32426a5f222f16f4be9814d3c9de9d517c9bdc11e158b","name":"horford-sad.png","type":"image/png","lastModified":1654959135343.384,"size":53946},{"id":"7e5907d840a08b418cf28a0a7de0374dd3d407eb3d05c489da5e378c11182742f2a4383f5f95c9f1408300f83f9f7a1d5816d141020eb90a3c13d782310e39bc","href":"https://static.observableusercontent.com/files/7e5907d840a08b418cf28a0a7de0374dd3d407eb3d05c489da5e378c11182742f2a4383f5f95c9f1408300f83f9f7a1d5816d141020eb90a3c13d782310e39bc","name":"jaylen-brown-happy.png","type":"image/png","lastModified":1654959135343.384,"size":47936},{"id":"f384d37be19aba363bfabda6c2387a0019234308e84b6fbfbf547c3980f8744dc915f049e36073cf67b22e0f683a3a7110036f20a9513db7feedaf1a61fd6e08","href":"https://static.observableusercontent.com/files/f384d37be19aba363bfabda6c2387a0019234308e84b6fbfbf547c3980f8744dc915f049e36073cf67b22e0f683a3a7110036f20a9513db7feedaf1a61fd6e08","name":"horford-happy.png","type":"image/png","lastModified":1654959135343.384,"size":50464},{"id":"61f51424a2c88860a48d1391e62e822c05c93be05a7ed8e0d0b9928bd4ea923aa9c03bac4668f7022d40e933261b37dec9c25b5a9c8fecb0a7621f36434c4cc1","href":"https://static.observableusercontent.com/files/61f51424a2c88860a48d1391e62e822c05c93be05a7ed8e0d0b9928bd4ea923aa9c03bac4668f7022d40e933261b37dec9c25b5a9c8fecb0a7621f36434c4cc1","name":"Shoe.png","type":"image/png","lastModified":1654959135343.384,"size":68847},{"id":"fa05b0509aa6f4215cbf23a8c046c3082cd9bbe6259ead7710fce114253f9b2e261d81fbcefc357f635de49679a50a86d04f7d1ec1f5ea5dcbe5387db6d94568","href":"https://static.observableusercontent.com/files/fa05b0509aa6f4215cbf23a8c046c3082cd9bbe6259ead7710fce114253f9b2e261d81fbcefc357f635de49679a50a86d04f7d1ec1f5ea5dcbe5387db6d94568","name":"Ball_3.mp4","type":"video/mp4","lastModified":1654959135343.384,"size":65592},{"id":"c7ac6be4e26d7a7bd1d3ba7e8aa0ed65513e937a0517ad1ed018e139517a8b9bb62fbd2310a6fc81264d3471e1762180cd4c0eb7c937a4a130c44f81a2515b9e","href":"https://static.observableusercontent.com/files/c7ac6be4e26d7a7bd1d3ba7e8aa0ed65513e937a0517ad1ed018e139517a8b9bb62fbd2310a6fc81264d3471e1762180cd4c0eb7c937a4a130c44f81a2515b9e","name":"Net@1.png","type":"image/png","lastModified":1654959135343.384,"size":12094},{"id":"20fb04ddc3d5aaefed277d2227c72109a74c9773c344a80cf9665bb097f1bdd52729f9a65849c730121da5f7b2efa25cf411975607a89e270de799e63e9faad9","href":"https://static.observableusercontent.com/files/20fb04ddc3d5aaefed277d2227c72109a74c9773c344a80cf9665bb097f1bdd52729f9a65849c730121da5f7b2efa25cf411975607a89e270de799e63e9faad9","name":"Hoop.png","type":"image/png","lastModified":1654959135343.384,"size":103276},{"id":"5eff2c21dd84eb18157cc3180ed4114b89c3f3382a09b566afb89d29ea51ddab0a5cba20659cadf7e2aa3789ceb7b1938e2236e4bf57249621932d65c4ac7457","href":"https://static.observableusercontent.com/files/5eff2c21dd84eb18157cc3180ed4114b89c3f3382a09b566afb89d29ea51ddab0a5cba20659cadf7e2aa3789ceb7b1938e2236e4bf57249621932d65c4ac7457","name":"basketball-2x.png","type":"image/png","lastModified":1654959135343.384,"size":73955},{"id":"18ca363d22e20493787dda5bcf54f7a6c762c875ef52334393460275bfbdf1cdb04c5c3c73db6dd4361cf7bee477952e29f2982c01c85ad09e5a6d3f5a408c99","href":"https://static.observableusercontent.com/files/18ca363d22e20493787dda5bcf54f7a6c762c875ef52334393460275bfbdf1cdb04c5c3c73db6dd4361cf7bee477952e29f2982c01c85ad09e5a6d3f5a408c99","name":"curry-happy.png","type":"image/png","lastModified":1654959135343.384,"size":49105},{"id":"cbbe0a28d9b858d242dd8909e0dc0825951ddb86f029d60491d6fc551f3218eef751b946f075052090a5a674ba429268ef3c23bd46857a2a30c7c4ca2eb3a4f4","href":"https://static.observableusercontent.com/files/cbbe0a28d9b858d242dd8909e0dc0825951ddb86f029d60491d6fc551f3218eef751b946f075052090a5a674ba429268ef3c23bd46857a2a30c7c4ca2eb3a4f4","name":"draymond-sad.png","type":"image/png","lastModified":1654959135343.384,"size":48091},{"id":"5aea510529c9e2b422dfbded00f19952a47e21090416904948451d8dfb3c609c39e0bf29333711705cff39fcacce92f569788c00bc640b2d8c5237a7865657fb","href":"https://static.observableusercontent.com/files/5aea510529c9e2b422dfbded00f19952a47e21090416904948451d8dfb3c609c39e0bf29333711705cff39fcacce92f569788c00bc640b2d8c5237a7865657fb","name":"draymond-happy.png","type":"image/png","lastModified":1654959135343.384,"size":52521},{"id":"b59ded46cb19f2040f0c977511f4603486f0712741539dbb0e5f4c051bb5c36e5bdcbe0357af486ce4b558b2a9da625fd6276f2f8d96108ceea1ea08a4642e6f","href":"https://static.observableusercontent.com/files/b59ded46cb19f2040f0c977511f4603486f0712741539dbb0e5f4c051bb5c36e5bdcbe0357af486ce4b558b2a9da625fd6276f2f8d96108ceea1ea08a4642e6f","name":"jaylen-brown-sad.png","type":"image/png","lastModified":1654959135343.384,"size":42703},{"id":"b26be93b21e9c86c436d2a7b350e0fa35dd682a19a83d8091115d206e2ee634e4f35842465ba85b91e936e0eef2f2e531d12fb016e066b80eb671f977d2c71b4","href":"https://static.observableusercontent.com/files/b26be93b21e9c86c436d2a7b350e0fa35dd682a19a83d8091115d206e2ee634e4f35842465ba85b91e936e0eef2f2e531d12fb016e066b80eb671f977d2c71b4","name":"jayson-tatum-happy.png","type":"image/png","lastModified":1654959135343.384,"size":59549},{"id":"f39483577874f034e6e7afa53578915ce833af016aaeac64accaa550e9c3bdd2f7a6fd3eb835a594bae4a954327fa0d0267c82c34f44f99e31fc03b6463e643c","href":"https://static.observableusercontent.com/files/f39483577874f034e6e7afa53578915ce833af016aaeac64accaa550e9c3bdd2f7a6fd3eb835a594bae4a954327fa0d0267c82c34f44f99e31fc03b6463e643c","name":"pritchard-happy.png","type":"image/png","lastModified":1654959135343.384,"size":47750},{"id":"fbb805b2053437b5cc967e5e1c5b34b9254a0dfafcc08b9dae9b25b38bdee7791de0a4da5d0b1fdc4c7e5db83ca7f78c55c069355da6c38c851043078f857bbe","href":"https://static.observableusercontent.com/files/fbb805b2053437b5cc967e5e1c5b34b9254a0dfafcc08b9dae9b25b38bdee7791de0a4da5d0b1fdc4c7e5db83ca7f78c55c069355da6c38c851043078f857bbe","name":"marcus-smart-happy.png","type":"image/png","lastModified":1654959135343.384,"size":56489},{"id":"ca8047978383cbc5649ab23a2be11149470eebde9f16d2ee8f8fbbc45ed0641c5fd3db41c658998a83f653aa22ed410625c84776eb07a844528e4840cd1e054b","href":"https://static.observableusercontent.com/files/ca8047978383cbc5649ab23a2be11149470eebde9f16d2ee8f8fbbc45ed0641c5fd3db41c658998a83f653aa22ed410625c84776eb07a844528e4840cd1e054b","name":"marcus-smart-sad.png","type":"image/png","lastModified":1654959135343.384,"size":52873},{"id":"952ebeb1123086e722ed46f7c860f98a5fbf7db21e7a20319c38ebb5962b0f80aaa9df316830420c2e36c44c9d428a5c2aacba5f0d47a606f4d353bec21c195e","href":"https://static.observableusercontent.com/files/952ebeb1123086e722ed46f7c860f98a5fbf7db21e7a20319c38ebb5962b0f80aaa9df316830420c2e36c44c9d428a5c2aacba5f0d47a606f4d353bec21c195e","name":"kuminga-happy.png","type":"image/png","lastModified":1654959135343.384,"size":50303},{"id":"8798dda97621c8856d46f7efa1942bfbfda1bca7449c7bc92a25836650a86d3da764722d43bd869d5dc82593a5acbc607c75535ac5ab4b22d523601a1ddede7d","href":"https://static.observableusercontent.com/files/8798dda97621c8856d46f7efa1942bfbfda1bca7449c7bc92a25836650a86d3da764722d43bd869d5dc82593a5acbc607c75535ac5ab4b22d523601a1ddede7d","name":"parsedPlayByPlay (1).json","type":"application/json","lastModified":1654960046411.09,"size":225040},{"id":"9b08362933e56b15f7af3f98c307e6934fd567d0b0718b45906142deca50d6db405df6ab9f2270188bb899a709a15b2a620fcb98ec8df431a01ea083f8480aff","href":"https://static.observableusercontent.com/files/9b08362933e56b15f7af3f98c307e6934fd567d0b0718b45906142deca50d6db405df6ab9f2270188bb899a709a15b2a620fcb98ec8df431a01ea083f8480aff","name":"playerData1.json","type":"application/json","lastModified":1654960051275.838,"size":49798},{"id":"60b043dea92aff6ae51cbfaab5094a4d1bf1f3df937eb0badd3809f149d1904601c5f014f9ef366ac5bf444b2f266bafabcc1ea51182d9ad36305a4eb125455f","href":"https://static.observableusercontent.com/files/60b043dea92aff6ae51cbfaab5094a4d1bf1f3df937eb0badd3809f149d1904601c5f014f9ef366ac5bf444b2f266bafabcc1ea51182d9ad36305a4eb125455f","name":"wiggins-sad.png","type":"image/png","lastModified":1654959135343.384,"size":43033},{"id":"6319d6a97c12ca44b36a84e6fd49dd22b7cd4fd73ac7b5042c184750c2bab97fbc4072728c31d156429b69d6330e9047b6a9ced667c379f11d7ba12628df1948","href":"https://static.observableusercontent.com/files/6319d6a97c12ca44b36a84e6fd49dd22b7cd4fd73ac7b5042c184750c2bab97fbc4072728c31d156429b69d6330e9047b6a9ced667c379f11d7ba12628df1948","name":"otto-sad.png","type":"image/png","lastModified":1654959135343.384,"size":41173},{"id":"9b51faaa732f1683a0aa5c3944b659e97f2c7638f607a0f0897bd7c95ccbb6e2754fdc06377ffbbc505bedf43f6cdd9ce7c22a2d0560e06b4ecf2a7b10f71f11","href":"https://static.observableusercontent.com/files/9b51faaa732f1683a0aa5c3944b659e97f2c7638f607a0f0897bd7c95ccbb6e2754fdc06377ffbbc505bedf43f6cdd9ce7c22a2d0560e06b4ecf2a7b10f71f11","name":"curry-sad@1.png","type":"image/png","lastModified":1654959135343.384,"size":55312},{"id":"2e2e9c024da4a0a94ae079e87e656ac3fcb6ebb18b7b5e50e7ee49d2ad5cead2040bc4fe182101e0314effcfef5b909f2758d08aaf42a8bd017b8c2547e3bc55","href":"https://static.observableusercontent.com/files/2e2e9c024da4a0a94ae079e87e656ac3fcb6ebb18b7b5e50e7ee49d2ad5cead2040bc4fe182101e0314effcfef5b909f2758d08aaf42a8bd017b8c2547e3bc55","name":"pritchard-sad.png","type":"image/png","lastModified":1654959135343.384,"size":47264},{"id":"ce99b7210b87566f9e8db433565b4c1abc9717d0eaa9884c39f776e4486248e565f611064155db8c42c5858cea44d42798eb1fdff6b8e4c4e8b0718a4dec5104","href":"https://static.observableusercontent.com/files/ce99b7210b87566f9e8db433565b4c1abc9717d0eaa9884c39f776e4486248e565f611064155db8c42c5858cea44d42798eb1fdff6b8e4c4e8b0718a4dec5104","name":"otto-happy.png","type":"image/png","lastModified":1654959135343.384,"size":29070},{"id":"87c77c84caf7be500ee131e6d0ee8dc02a3efd57d9c897d0dd626c8a52c396f9b656ad2da43ac44d010fbd1b3aa75e33a0e4072a3beca52890fd13864679e455","href":"https://static.observableusercontent.com/files/87c77c84caf7be500ee131e6d0ee8dc02a3efd57d9c897d0dd626c8a52c396f9b656ad2da43ac44d010fbd1b3aa75e33a0e4072a3beca52890fd13864679e455","name":"theis-happy.png","type":"image/png","lastModified":1654959135343.384,"size":47321},{"id":"486b2ec58b6e267450ad82b212acd3cce1551568077e7a416d1db7ddb712c49290bcb09369e170326df269b82b66a584067cc92e9484668372c581121de440fb","href":"https://static.observableusercontent.com/files/486b2ec58b6e267450ad82b212acd3cce1551568077e7a416d1db7ddb712c49290bcb09369e170326df269b82b66a584067cc92e9484668372c581121de440fb","name":"theis-sad.png","type":"image/png","lastModified":1654959135343.384,"size":64349},{"id":"5510334fa97f7a7ca25ed7c3c7c0c080c26a0ce955086301336797320eba5224c0cffad6c59d46db590c7f2f396a521d3b8e574c5774938adf46931a38faed70","href":"https://static.observableusercontent.com/files/5510334fa97f7a7ca25ed7c3c7c0c080c26a0ce955086301336797320eba5224c0cffad6c59d46db590c7f2f396a521d3b8e574c5774938adf46931a38faed70","name":"white-happy.png","type":"image/png","lastModified":1654959135343.384,"size":59469},{"id":"c08c6ed734061dbcfc660bd96faff80549b84770f6508bf83e6d6107134064b2d6dd8d4e6afc7fe14b153a3a05e441ff3bfb886129e5874e06e949f062057d64","href":"https://static.observableusercontent.com/files/c08c6ed734061dbcfc660bd96faff80549b84770f6508bf83e6d6107134064b2d6dd8d4e6afc7fe14b153a3a05e441ff3bfb886129e5874e06e949f062057d64","name":"white-sad.png","type":"image/png","lastModified":1654959135343.384,"size":52865},{"id":"f5c02b8ee09ce8568b14c37b8083667e71fbe9042a8e3d78e3280a4a0460d275715e0c0c6d99c04f4790ad7eeb3431f8c010a911fd8f9d78ba1c1e4e905186f3","href":"https://static.observableusercontent.com/files/f5c02b8ee09ce8568b14c37b8083667e71fbe9042a8e3d78e3280a4a0460d275715e0c0c6d99c04f4790ad7eeb3431f8c010a911fd8f9d78ba1c1e4e905186f3","name":"wiggins-happy.png","type":"image/png","lastModified":1654959135343.384,"size":46494},{"id":"f09a36abac9d60c668caa2e3c5fb0bdfabcb106d42b7f5de1943aa8bf6881a316dae52dc65f2ad1c13bd97a3594ff6504620f3a23e5e48f44bf8dee25468a8bd","href":"https://static.observableusercontent.com/files/f09a36abac9d60c668caa2e3c5fb0bdfabcb106d42b7f5de1943aa8bf6881a316dae52dc65f2ad1c13bd97a3594ff6504620f3a23e5e48f44bf8dee25468a8bd","name":"kuminga-sad.png","type":"image/png","lastModified":1654959135343.384,"size":49068},{"id":"ada750731c219b8ae408f6854e43f3a360ee4a72f3404cbc8471073fd6adf8262952b504f6404e1dbb2d2a554223c49923602600050f7a991a8cd7f1fcaa9f0f","href":"https://static.observableusercontent.com/files/ada750731c219b8ae408f6854e43f3a360ee4a72f3404cbc8471073fd6adf8262952b504f6404e1dbb2d2a554223c49923602600050f7a991a8cd7f1fcaa9f0f","name":"robert-williams-happy.png","type":"image/png","lastModified":1654959135343.384,"size":55160},{"id":"8a98ec645ddc1326d144993d59ae69ac42ed9054c7f25b041cb2a4e00a97bdf6819913ff4358dd00afa36a78a83b39d2de39060a0f733bbefd718d084acd09d7","href":"https://static.observableusercontent.com/files/8a98ec645ddc1326d144993d59ae69ac42ed9054c7f25b041cb2a4e00a97bdf6819913ff4358dd00afa36a78a83b39d2de39060a0f733bbefd718d084acd09d7","name":"robert-williams-sad.png","type":"image/png","lastModified":1654959135343.384,"size":55681},{"id":"50e38f8652103b93d5bf46076376b6fb696f9f3ff12670cbfbaa3348dbfc079345725eb3b47e4b27f57df7a70b5e974f71c0551097a82ef7365b8cb6309d042f","href":"https://static.observableusercontent.com/files/50e38f8652103b93d5bf46076376b6fb696f9f3ff12670cbfbaa3348dbfc079345725eb3b47e4b27f57df7a70b5e974f71c0551097a82ef7365b8cb6309d042f","name":"klay-thompson-sad.png","type":"image/png","lastModified":1654959135343.384,"size":38772},{"id":"f8469de4a48276c5ae90abdb4c5bdf37151a397422f7e11c655f670979f289ff7b71e07105596b4b4af00cf6eca043512c6e35144920931a6b1e4930025c93c5","href":"https://static.observableusercontent.com/files/f8469de4a48276c5ae90abdb4c5bdf37151a397422f7e11c655f670979f289ff7b71e07105596b4b4af00cf6eca043512c6e35144920931a6b1e4930025c93c5","name":"jordan-poole-sad.png","type":"image/png","lastModified":1654959135343.384,"size":34444},{"id":"0416c6d4d56f78627f546d85497de02bf0a0d2283c40cd950ea4c47a5774f401667e8979a1f0a470cedaacf93270c6fd30c864d0004b083b28bc2bb010134890","href":"https://static.observableusercontent.com/files/0416c6d4d56f78627f546d85497de02bf0a0d2283c40cd950ea4c47a5774f401667e8979a1f0a470cedaacf93270c6fd30c864d0004b083b28bc2bb010134890","name":"klay-thompson-happy.png","type":"image/png","lastModified":1654959135343.384,"size":50828},{"id":"1137e7d6aa1ddddad1a1aecf35767640f2d553cd26586d1c40b842388baafc5447d2b0728d7d8e751462f83c097981613cff25751ee097e1f852bcdb96ce8ce5","href":"https://static.observableusercontent.com/files/1137e7d6aa1ddddad1a1aecf35767640f2d553cd26586d1c40b842388baafc5447d2b0728d7d8e751462f83c097981613cff25751ee097e1f852bcdb96ce8ce5","name":"jordan-pool-happy.png","type":"image/png","lastModified":1654959135343.384,"size":40566},{"id":"f1299f7ecd47d225bb82c94b6795d51a50bca5764e9dbc840022b29232cf4308f48859af6596a9ce9fa48a2fbb225f3074eb14ba5638ed84c04159249753a6ba","href":"https://static.observableusercontent.com/files/f1299f7ecd47d225bb82c94b6795d51a50bca5764e9dbc840022b29232cf4308f48859af6596a9ce9fa48a2fbb225f3074eb14ba5638ed84c04159249753a6ba","name":"Jersey@1.png","type":"image/png","lastModified":1654959135343.384,"size":77199},{"id":"4e5c0eaf3f8f42d79da3fa2e43478fb10c55dac6da1df5b76f1324c2ef2a823f871ff414bd75a9e44c65da8456dfa79c00bd4cbf03508f96b7f6e73d62b4d83d","href":"https://static.observableusercontent.com/files/4e5c0eaf3f8f42d79da3fa2e43478fb10c55dac6da1df5b76f1324c2ef2a823f871ff414bd75a9e44c65da8456dfa79c00bd4cbf03508f96b7f6e73d62b4d83d","name":"Scoreboard.png","type":"image/png","lastModified":1654959135343.384,"size":32866}] 30:{"title":"NBA Finals, Game 4","cells":[{"id":1603,"value":"

yield randomImg\n yield html``\n await Promises.delay(200)\n }\n\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W38","stdlib":"1","titling":"auto"}