Plot.plot({
y: {grid: true},
symbol: {legend: true},
marks: [
Plot.dot(data, {x: (d) => d.shooterPosition.x, y: (d) => d.shooterPosition.y, fill: (d) => d.shotTypes.includes('miss') ? 'red' : 'green' }),
Plot.tip(data, Plot.pointer({
x: (d) => d.shooterPosition.x, y: (d) => d.shooterPosition.y,
title: (d) => [d.shooter, d.shotTypes.join(', '), d.goalie].join('\n'),
}))
]
})