30:T490,class ShotTypeLegend extends GeneralChart { constructor(data, selector, config) { super(data, selector, config); this.setAxes(); } setAxes() { this.sx = d3 .scaleBand() .domain(d3.map(this.data, (d) => d.type)) .range([this.margin.left, this.width - this.margin.right]); this.sy = d3 .scaleLinear() .domain([0, 1]) .range([this.height - this.margin.bottom, this.margin.top]); } draw() { this.svg.call(this.paintBackground.bind(this), "#fff1ff"); this.svg .append("g") .selectAll("circle") .data(this.data) .join("circle") .attr("cx", (d) => this.sx(d.type) + 10) .attr("cy", this.sy(0.5)) .attr("r", 5) .attr("stroke", (d) => d.color) .attr("fill", "none") .attr("stroke-width", 2) .attr("stroke-dasharray", (d) => (d.type === "Goal" ? "" : "3 3")); this.svg .append("g") .selectAll("text") .data(this.data) .join("text") .attr("x", (d) => this.sx(d.type)) .attr("dx", 20) .attr("y", this.sy(0.5)) .attr("dy", 5) .attr("font-size", 14) .text((d) => d.type); } }31:[] 2e:{"title":"Shots","cells":[{"id":0,"value":"# Shots","pinned":false,"hidden":false,"mode":"md"},{"id":22,"value":"viewof competition = Inputs.select(sortedCompetitions, {\n format: (d) => competitionRepresentation(d),\n label: \"Competition\",\n value: sortedCompetitions.find(\n (d) => d.competition_id === 43 && d.season_id === 106\n )\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"sortedCompetitions","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"viewof game = Inputs.select(sortedGamesOfSeason, {\n format: (d) => matchRepresentation(d),\n label: \"Game\",\n value: sortedGamesOfSeason.find((d) => d.match_id === 3857255)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"viewof team = Inputs.radio(\n [game.home_team.home_team_name, game.away_team.away_team_name],\n { label: \"Team\", value: game.home_team.home_team_name }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"

\n\n","pinned":false,"hidden":false,"mode":"html"},{"id":33,"value":"drawFromSkyShotChart(\n shots.filter((d) => d.possession_team.name === team),\n \"#shotChart .fromSkyShotChart\",\n {\n height: 500,\n width: (500 * 68) / 105 + 5,\n margin: { top: 10, bottom: 20, left: 20, right: 10 },\n home: game.home_team.home_team_name,\n away: game.away_team.away_team_name\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":53,"value":"drawGoalChart(\n shots.filter((d) => d.possession_team.name === team),\n \"#shotChart .goalChart\",\n {\n height: 300,\n width: 500,\n margin: { top: 10, bottom: 20, left: 20, right: 10 }\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"events = getEvents(game)","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"shots = events.filter((d) => d.type.name === \"Shot\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":91,"value":"shots","pinned":true,"hidden":false,"mode":"ojs"},{"id":93,"value":"shots[2]","pinned":true,"hidden":false,"mode":"ojs"},{"id":73,"value":"seasonGames = getSeasonOfCompetition(competition)","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"sortedGamesOfSeason = sortGamesOfSeason(seasonGames)","pinned":true,"hidden":false,"mode":"ojs"},{"id":120,"value":"## Legend","pinned":false,"hidden":false,"mode":"md"},{"id":122,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"function drawShotTypeLegend(data, selector, config) {\n new ShotTypeLegend(data, selector, config).draw();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"drawShotTypeLegend(\n [\n { type: \"Goal\", color: \"green\" },\n { type: \"Saved\", color: \"red\" },\n { type: \"Blocked or Wayward\", color: \"blue\" },\n { type: \"Off Target\", color: \"grey\" }\n ],\n \".shotTypeLegend\",\n {\n height: 70,\n width: 800,\n margin: { top: 10, bottom: 20, left: 20, right: 10 }\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":130,"value":"import { GeneralChart } from \"@gshirato/chart-class\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":68,"value":"## By competition","pinned":false,"hidden":false,"mode":"md"},{"id":70,"value":"viewof competitionByCompetition = Inputs.select(sortedCompetitions, {\n format: (d) => competitionRepresentation(d),\n label: \"Competition\",\n value: sortedCompetitions.find(\n (d) => d.competition_id === 43 && d.season_id === 106\n )\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"

\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":65,"value":"shotsInCompetition = getEventsOfCompetition(seasonGamesByCompetition)","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"drawGoalChart(shotsInCompetition, \"#shotChartByCompetition .goalChart\", {\n height: 300,\n width: 500,\n margin: { top: 10, bottom: 20, left: 20, right: 10 },\n opacityUnselected: 0.01\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"drawFromSkyShotChart(\n shotsInCompetition,\n \"#shotChartByCompetition .fromSkyShotChart\",\n {\n height: 500,\n width: (500 * 68) / 105 + 5,\n margin: { top: 10, bottom: 20, left: 20, right: 10 },\n home: game.home_team.home_team_name,\n away: game.away_team.away_team_name,\n opacityUnselected: 0.01\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"seasonGamesByCompetition = getSeasonOfCompetition(competitionByCompetition)","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"sortedGamesOfSeasonByCompetition = sortGamesOfSeason(seasonGamesByCompetition)","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"## Data","pinned":false,"hidden":false,"mode":"md"},{"id":17,"value":"import {\n drawFromSkyShotChart,\n drawGoalChart\n} from \"@gshirato/statsbomb-open-data-goal-chart-methods\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"import {\n getEvents,\n getEventsOfCompetition,\n sortedCompetitions,\n matchRepresentation,\n competitionRepresentation,\n getSeasonOfCompetition,\n sortGamesOfSeason\n} from \"fcd9b0454fdddbb1\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}