31:T42d,

The FIFA World Cup is an international association football competition contested by the senior men's national teams of the members of the Fédération Internationale de Football Association (FIFA). The championship has been awarded every four years since the inaugural tournament in 1930, except in 1942 and 1946 when it was not held because of the Second World War. The current champion is Argentina. France won the title at the 2018 tournament in Russia.
The current format involves a qualification phase, which takes place over the preceding three years, to determine which teams qualify for the tournament phase. In the tournament phase, 32 teams, including the automatically qualifying host nation(s), compete for the title at venues within the host nation(s) over about a month.
[ref: Wikipedia]

32:T52e,| Variable | Description | Example | | ----------- | ----------- | ----------- | | Year | Year in which the match was played | 1930 | | Datetime | Date on which the match was played (24 hour format time) | 13 Jul 1930 - 15:00 | | Stage | Stage at which the match was played | Group 1 | | Stadium | Stadium name where the match was held | Pocitos | | City | City name where the match was played | Montevideo | | Home Team Name | Home team country name | France | | Home Team Goals | Number of goals scored by home team by the end of the game | 4 | | Away Team Goals | Number of goals scored by away team by the end of the game | 1 | | Away Team Name | Away team country name | Mexico | | Win conditions | Special win condition (if any) | Austria win after extra time | | Attendance | Number of people attending the game | 4444 | | Half-time Home Goals | Number of goals scored by home team by the half-time | 3 | | Half-time Away Goals | Number of goals scored by away team by the half-time | 0 | | Referee | Name of the referee | LOMBARDI Domingo (URU) | | Assistant 1 | Name of the first assistant | CRISTOPHE Henry (BEL) | | Assistant 2 | Name of the second assistant | REGO Gilberto (BRA) |33:T1244,{ const teamCanvasWidth = 660; let teamCanvasHeight = 550; if (cupYear <= 1978) { teamCanvasHeight = 250; } else if (cupYear > 1978 & cupYear < 1998) { teamCanvasHeight = 360; } const teamCanvasMargin = {top: 60, bottom: 60, left: 70, right: 70} const svg = d3.create("svg") .attr('width', teamCanvasWidth + teamCanvasMargin.left + teamCanvasMargin.right) .attr('height', teamCanvasHeight + teamCanvasMargin.top + teamCanvasMargin.bottom) .style("display", "block") .style("margin", "auto") .style("padding-top", "10px") .style("padding-bottom", "20px") svg.append('rect') .attr('width', '100%') .attr('height', '100%') .style('fill', '#fffaf2') .style('stroke', '#1f4d2c') .style('stroke-width', '6') const g = svg.append('g') .attr('transform', `translate(${teamCanvasMargin.left}, ${teamCanvasMargin.top})`); for (let i = 0; i < dsWorldCup[cupYear].length; ++i) { let country = dsWorldCup[cupYear][i].Team; let code = ""; for (let j = 0; j < countryCodes.length; ++j) { if (countryCodes[j].Country == country) { code = countryCodes[j].Code; } } g.append("svg:image") .attr("width", "6%") .attr("xlink:href", `https://raw.githubusercontent.com/HatScripts/circle-flags/gh-pages/flags/${code}.svg`) .attr("x", function() { let w = i; if (i > 5) { w = i - 6 * Math.floor((i) / 6); } return w * 120; }) .attr("y", function() { let h = 0; if (i > 5) { h = Math.floor(i / 6); } return h * 100; }) .on("mouseover", function() { g.append("text") .attr("id", `${code}-label`) .attr("x", function() { let w = i; if (i > 5) { w = i - 6 * Math.floor((i) / 6); } return w * 120 + 25; }) .attr("y", function() { let h = 0; if (i > 5) { h = Math.floor(i / 6); } return h * 100 - 15; }) .text(function() { return country }) .attr("text-anchor", "middle") .attr("font-size", "14px") .attr("font-family", "sans-serif") .attr("font-weight", "lighter") .attr("fill", "#1f4d2c") }) .on("mouseout", function () { d3.select(`#${code}-label`).remove(); }) let exceptions = ["Yugoslavia", "FR Yugoslavia", "Serbia and Montenegro", "England", "Wales", "Northern Ireland", "Scotland"] if (exceptions.includes(country)) { console.log(country); g.append("png:image") .attr("width", "7.3%") .attr("xlink:href", function() { if (country == "Yugoslavia" | country == "FR Yugoslavia" | country == "Serbia and Montenegro") { return "https://i.ibb.co/zhJD9fN/icons8-netherlands-96-1.png"; } else if (country == "England") { return "https://i.ibb.co/n1LSY0Z/icons8-england-circular-96.png"; } else if (country == "Wales") { return "https://i.ibb.co/NpWVbZW/icons8-wales-circular-96.png"; } else if (country == "Northern Ireland") { return "https://i.ibb.co/vwkx5T0/icons8-northern-ireland-circular-96.png"; } else if (country == "Scotland") { return "https://i.ibb.co/qD836jt/icons8-scotland-circular-96.png"; } }) .attr("x", function() { let w = i; if (i > 5) { w = i - 6 * Math.floor(i / 6); } return w * 120 - 7; }) .attr("y", function() { let h = 0; if (i > 5) { h = Math.floor(i / 6); } return h * 100 - 6; }) .on("mouseover", function() { g.append("text") .attr("id", `${code}-label`) .attr("x", function() { let w = i; if (i > 5) { w = i - 6 * Math.floor((i) / 6); } return w * 120 + 22; }) .attr("y", function() { let h = 0; if (i > 5) { h = Math.floor(i / 6); } return h * 100 - 15; }) .text(function() { return country }) .attr("text-anchor", "middle") .attr("font-size", "14px") .attr("font-family", "sans-serif") .attr("font-weight", "lighter") .attr("fill", "#1f4d2c") }) .on("mouseout", function () { d3.select(`#${code}-label`).remove(); }) } } return svg.node(); }34:T70a,countries = { let countries = []; let years = Object.keys(dsWorldCup); for (let k = 0; k < years.length; ++k) { let year = years[k]; for (let i = 0; i < dsWorldCup[year].length; ++i) { let country = dsWorldCup[year][i].Team; let code = ""; for (let j = 0; j < countryCodes.length; ++j) { if (countryCodes[j].Country == country) { code = countryCodes[j].Code; } } countries[country] = { Code: code, Flag: `https://raw.githubusercontent.com/HatScripts/circle-flags/gh-pages/flags/${code}.svg`, Type: "svg" } let exceptions = ["Yugoslavia", "FR Yugoslavia", "Serbia and Montenegro", "England", "Wales", "Northern Ireland", "Scotland"] if (exceptions.includes(country)) { let flagLink = ""; if (country == "Yugoslavia" | country == "FR Yugoslavia" | country == "Serbia and Montenegro") { flagLink = "https://i.ibb.co/zhJD9fN/icons8-netherlands-96-1.png"; } else if (country == "England") { flagLink = "https://i.ibb.co/n1LSY0Z/icons8-england-circular-96.png"; } else if (country == "Wales") { flagLink = "https://i.ibb.co/NpWVbZW/icons8-wales-circular-96.png"; } else if (country == "Northern Ireland") { flagLink = "https://i.ibb.co/vwkx5T0/icons8-northern-ireland-circular-96.png"; } else if (country == "Scotland") { flagLink = "https://i.ibb.co/qD836jt/icons8-scotland-circular-96.png"; } countries[country].Flag = flagLink; countries[country].Type = "png"; } } } countries["Israel"] = countries["Israel*"]; return countries; }35:T1ab2,storyChart = { let dsStory = dsMatches.filter(function(d) { return d.Year == storyYear; }); console.log(dsMatches); const storyCanvasWidth = 500; const storyCanvasHeight = 300; const storyCanvasMargin = {top: 30, bottom: 30, left: 30, right: 30} const svg = d3.create("svg") .attr('width', storyCanvasWidth + storyCanvasMargin.left + storyCanvasMargin.right) .attr('height', storyCanvasHeight + storyCanvasMargin.top + storyCanvasMargin.bottom) .style("display", "block") .style("margin", "auto") .style("padding-top", "10px") .style("padding-bottom", "20px") svg.append('rect') .attr('width', '100%') .attr('height', '100%') .style('fill', '#61cf9d') svg.append('rect') .attr('transform', `translate(10, 10)`) .attr('width', storyCanvasWidth + 40) .attr('height', storyCanvasHeight + 40) .style('fill', 'none') .style('stroke', 'white') .style('stroke-width', 3) .style('stroke-linejoin', 'round') const g = svg.append('g') .attr('transform', `translate(${storyCanvasMargin.left}, ${storyCanvasMargin.top})`); const xScale = d3.scalePoint() .padding(.5) .domain(['home', 'away']) .range([0, storyCanvasWidth]); console.log(dsStory[matchIndex]) const teamLookup = { 'home': dsStory[matchIndex]["Home Team Initials"].toUpperCase(), 'away': dsStory[matchIndex]["Away Team Initials"].toUpperCase() } const resultLookup = { 'home': dsStory[matchIndex]["Home Team Goals"], 'away': dsStory[matchIndex]["Away Team Goals"] } const flagLookup = { 'home': countries[dsStory[matchIndex]["Home Team Name"]].Flag, 'away': countries[dsStory[matchIndex]["Away Team Name"]].Flag } const typeLookup = { 'home': countries[dsStory[matchIndex]["Home Team Name"]].Type, 'away': countries[dsStory[matchIndex]["Away Team Name"]].Type } const winnerLookup = function() { let result = dsStory[matchIndex]["Home Team Goals"] - dsStory[matchIndex]["Away Team Goals"]; if (result > 0) { return 'home'; } else if (result < 0) { return 'away'; } else { let winCond = dsStory[matchIndex]["Win conditions"]; if (winCond != null) { if (winCond.includes(dsStory[matchIndex]["Home Team Name"])) { return 'draw-home'; } else if (winCond.includes(dsStory[matchIndex]["Away Team Name"])) { return 'draw-away'; } else { return 'none'; } } else { return 'none'; } } } const xAxis = g.append('g') .attr('class', 'axis') .attr('id', 'x') .attr('transform', `translate(0, 200)`) .call(d3.axisTop(xScale) .tickSize(0) .tickFormat(d => teamLookup[d])) xAxis.select('.domain').remove(); xAxis.selectAll('text') .style('font-weight', 500) .style('font-size', '25px') .style('font-family', 'Helvetica') .style('letter-spacing', '3px') .style('font-stretch', '150%') .style('fill', 'white') .append("tspan") .text(d => resultLookup[d]) .attr("x", 0) .attr("dy","1.5em") .attr("font-weight", "bolder") .attr("font-size", 42) .attr('font-family', 'Helvetica') .attr("fill", "#f57258") .attr("stroke", "white") .attr("stroke-width", "0.7px"); if (typeLookup['home'] == 'svg') { g.append("svg:image") .attr("xlink:href", flagLookup['home']) .attr("width", '10%') .attr("x", xScale('home') - 29) .attr("y", 100); } else if (typeLookup['home'] == 'png') { g.append("png:image") .attr("xlink:href", flagLookup['home']) .attr("width", '11%') .attr("x", xScale('home') - 30) .attr("y", 100); } if (typeLookup['away'] == 'svg') { g.append("svg:image") .attr("xlink:href", flagLookup['away']) .attr("width", '10%') .attr("x", xScale('away') - 29) .attr("y", 100); } else if (typeLookup['away'] == 'png') { g.append("png:image") .attr("xlink:href", flagLookup['away']) .attr("width", '11%') .attr("x", xScale('away') - 30) .attr("y", 100); } g.append("text") .text(function() { return (`${dsStory[matchIndex].City}`).toUpperCase(); }) .attr("x", storyCanvasWidth / 2) .attr("y", 30) .attr("font-weight", 500) .attr("font-size", 15) .attr('font-family', 'Futura') .attr('text-anchor', 'middle') .attr("fill", "#fce281") .append("tspan") .text(dsStory[matchIndex].Datetime) .attr("x", storyCanvasWidth / 2) .attr("dy","1.5em") .attr('text-anchor', 'middle') g.append("text") .text(dsStory[matchIndex].Stage) .attr("x", storyCanvasWidth / 2) .attr("y", 160) .attr("font-weight", 500) .attr("font-size", 15) .attr('font-family', 'Futura') .attr('text-anchor', 'middle') .attr('fill', 'white') if (dsStory[matchIndex].Stage == "Final") { g.append("png:image") .attr("xlink:href", "https://i.ibb.co/ChGsF6H/confetti.png") .attr("width", '8%') .attr("x", function() { if (winnerLookup().includes('home')) { return xScale('home') - 45; } else if (winnerLookup().includes('away')) { return xScale('away') - 45; } }) .attr("y", 135); g.append("png:image") .attr("xlink:href", "https://i.ibb.co/C12Fg4S/trophy.png") .attr("width", '8%') .attr("x", function() { if (winnerLookup().includes('home')) { return xScale('home') + 35; } else if (winnerLookup().includes('away')) { return xScale('away') + 35; } }) .attr("y", 110); if (winnerLookup().includes('draw')) { g.append("text") .text(dsStory[matchIndex]["Win conditions"]) .attr("x", storyCanvasWidth / 2) .attr("y", 280) .attr("font-weight", 500) .attr("font-size", 12) .attr('font-family', 'Futura') .attr('text-anchor', 'middle') .attr('fill', 'white') } } else { if (winnerLookup() != 'none') { g.append("png:image") .attr("xlink:href", "https://i.ibb.co/7CD6mrJ/badge.png") .attr("width", '6%') .attr("x", function() { if (winnerLookup().includes('home')) { return xScale('home') - 45; } else if (winnerLookup().includes('away')) { return xScale('away') - 45; } }) .attr("y", 135); if (winnerLookup().includes('draw')) { g.append("text") .text(dsStory[matchIndex]["Win conditions"]) .attr("x", storyCanvasWidth / 2) .attr("y", 280) .attr("font-weight", 500) .attr("font-size", 12) .attr('font-family', 'Futura') .attr('text-anchor', 'middle') .attr('fill', 'white') } } } return svg.node(); }36:T154a,goalsChart = { // Data let year = 1930; let dsGoalsRaw = dsWorldCup[year]; const setData = function(data) { let dataW = []; let dataS = data.sort(function(a, b) { return +b["Goals For"] - +a["Goals For"] }); for (let i = 0; i < 12; ++i) { dataW.push(dataS[i]); } return dataW; } let dsGoals = setData(dsGoalsRaw); // Parameters const outerWidth = 900; const outerHeight = 600; const plotMargin = {top: 20, right: 40, bottom: 40, left: 180}; const plotWidth = outerWidth - plotMargin.right - plotMargin.left; const plotHeight = outerHeight - plotMargin.top - plotMargin.bottom; const panelMargin = {top: 20, right: 40, bottom: 40, left: 20}; const panelWidth = plotWidth - panelMargin.right - panelMargin.left; const panelHeight = plotHeight - panelMargin.top - panelMargin.bottom; const n = dsGoals.length; // number of teams to consider in ranking // Canvas, plot and panel const svg = d3.create("svg") .attr('id', "canvas") .attr('width', outerWidth) .attr('height', outerHeight) //.style("display", "block") //.style("margin", "auto") .style("padding-top", "20px") .style("padding-bottom", "20px") const plot = svg.append("g") .attr("id", "plot") .attr("transform", `translate(${plotMargin.left}, ${plotMargin.right})`) const panel = svg.append("g") .attr("id", "panel") .attr("transform", `translate(${plotMargin.left + panelMargin.left}, ${plotMargin.top + panelMargin.top})`) // Scales let yScale = d3.scaleBand() .domain(d3.range(dsGoals.length)) .rangeRound([0, panelHeight]) .paddingInner(0.1); let xScale = d3.scaleLinear() .domain([0, d3.max(dsGoals, d => (d["Goals For"]))]) .range([0, panelWidth]); let fillScaleDiscrete = d3.scaleOrdinal() .domain(d3.range(dsGoals.length)) .range(["#E64A19", "#F57C00", "#FFA000", "#FBC02D", "#AFB42B", "#689F38", "#388E3C", "#00796B", "#0097A7", "#0288D1", "#0288D1", "#303F9F"]) let fillScale = d3.scaleLinear() .domain([0, d3.max(dsGoals, d => (d["Goals For"]))]) .range(["#FFD180", "#DD2C00"]) .interpolate(d3.interpolateRgb); // Visualization // // Bars panel.selectAll("rect") .data(dsGoals) .join("rect") .attr("x", 0) .attr("y", function(d, i) { return yScale(i); }) .attr("width", function(d) { return xScale(d["Goals For"]); }) .attr("height", yScale.bandwidth()) .attr("fill", function(d, i) { return fillScaleDiscrete(i); }) // .attr("fill", function(d) { return fillScale(d["Goals For"]); }) .attr("rx", "4px") .attr("ry", "4px") .attr("opacity", "0.8") .style("stroke", "#1f4d2c") .style("stroke-width", "1px") // Labels panel.selectAll("text") .data(dsGoals) .join("text") .text(function(d) { return d["Goals For"]; }) .attr("y", function(d, i) { return yScale(i) + yScale.bandwidth() / 2; }) .attr("x", function(d) { if (d["Goals For"] < 2) { return xScale(d["Goals For"]) + 10; } else { return xScale(d["Goals For"]) - 15; } }) .attr("font-family", "Helvetica") .attr("font-size", "10px") .attr("fill", function(d) { if (d["Goals For"] < 2) { return "#1f4d2c"; } else { return "white"; } }) .attr("text-anchor", "middle") .attr("font-weight", 500) .attr("font-size", 12) .attr('font-family', 'Helvetica') .attr("dy", "+.3em") // Axis let yAxisGen = d3.axisLeft() .scale(yScale) .tickFormat(function(d, i) { return dsGoals[i].Team.toUpperCase().replace(/[*]/g, ''); }) .tickSize(0); let yAxis = plot.append("g") .attr("transform", `translate(0, 0)`) .call(yAxisGen) yAxis.select(".domain").remove(); yAxis.selectAll("text") .style("text-anchor", "end") .style("text-alignment", "right") .attr("font-weight", 300) .attr("font-size", 13) .attr('font-family', 'Helvetica') .attr('text-anchor', 'middle') .attr("fill", "black"); let updateChart = function(year) { dsGoals = setData(dsWorldCup[year]); // Scale and axis update xScale.domain([0, d3.max(dsGoals, d => (d["Goals For"]))]); yScale.domain(d3.range(dsGoals.length)); yAxis .transition() .duration(1000) .call(yAxisGen); yAxis.select(".domain") .remove(); // Bars update panel.selectAll("rect") .data(dsGoals) .transition() .duration(1000) .attr("y", function(d, i) { return yScale(i); }) .attr("width", function(d) { return xScale(d["Goals For"]); }) .attr("height", yScale.bandwidth()) // Labels update panel.selectAll("text") .data(dsGoals) .transition() .duration(1000) .text(function(d) { return d["Goals For"]; }) .attr("y", function(d, i) { return yScale(i) + yScale.bandwidth() / 2; }) .attr("x", function(d) { if (d["Goals For"] < 2) { return xScale(d["Goals For"]) + 10; } else { return xScale(d["Goals For"]) - 15; } }) .attr("fill", function(d) { if (d["Goals For"] < 2) { return "black"; } else { return "white"; } }) } return Object.assign(svg.node(), {updateChart}); }37:T834,38:[{"id":"85179043845e826c86e2ffe47f708af161082fe10e6ed367f351cf5485c04b539a64ce775a9cedf881158d11a06b51dfff53b994df3230c6d7f6cfc27921a6b6","href":"https://static.observableusercontent.com/files/85179043845e826c86e2ffe47f708af161082fe10e6ed367f351cf5485c04b539a64ce775a9cedf881158d11a06b51dfff53b994df3230c6d7f6cfc27921a6b6","name":"WorldCupMatches2@4.csv","type":"text/csv","lastModified":1655550433105.552,"size":159185},{"id":"6f97839fb672197c8740cc714bf13f7280de8d465e6d6e22ca70c87106f488f145eb59c7ad01238b68c6beb366a759a8403917f56413f67e595a9e2b6fbb9788","href":"https://static.observableusercontent.com/files/6f97839fb672197c8740cc714bf13f7280de8d465e6d6e22ca70c87106f488f145eb59c7ad01238b68c6beb366a759a8403917f56413f67e595a9e2b6fbb9788","name":"FIFA - 1986.csv","type":"text/csv","lastModified":1655306376422.783,"size":819},{"id":"af9e7d49d0c7a724ffdfd69c451e8e35c1af8509fd7ea24bfce583b3c9fd56f644eb398bcd9f653994aad32f28f0bd5b441513ea94d91f899cab155809bac802","href":"https://static.observableusercontent.com/files/af9e7d49d0c7a724ffdfd69c451e8e35c1af8509fd7ea24bfce583b3c9fd56f644eb398bcd9f653994aad32f28f0bd5b441513ea94d91f899cab155809bac802","name":"FIFA - 1954.csv","type":"text/csv","lastModified":1655306376400.521,"size":584},{"id":"cdd5ea18962d6249918a664fa4cc60ebb18b184c9e7bbf00606977f197e9895d25c775211418ce9f3d1414f97edee4e3ea7cdd34ce8f93639ad6bf70e314edfc","href":"https://static.observableusercontent.com/files/cdd5ea18962d6249918a664fa4cc60ebb18b184c9e7bbf00606977f197e9895d25c775211418ce9f3d1414f97edee4e3ea7cdd34ce8f93639ad6bf70e314edfc","name":"FIFA - 1974.csv","type":"text/csv","lastModified":1655306376183.771,"size":573},{"id":"9ac5954843d4f48632437dc941312bccf4f833a352cd2a10c2bccde1a2e544645a6d26cb1d3baa1e9e6df965dbb5b0fda36ae96e73af422bc2ca1d9fb0448f19","href":"https://static.observableusercontent.com/files/9ac5954843d4f48632437dc941312bccf4f833a352cd2a10c2bccde1a2e544645a6d26cb1d3baa1e9e6df965dbb5b0fda36ae96e73af422bc2ca1d9fb0448f19","name":"FIFA - 1938.csv","type":"text/csv","lastModified":1655306376136.243,"size":540},{"id":"e376ffd411d58498aff6c3b24ef42239122bf51db3c420de0616c88ffbd6be8e31d94acd7396eab36b4528f759b12a0568a412dbdb275606b2ae9ce6316185c6","href":"https://static.observableusercontent.com/files/e376ffd411d58498aff6c3b24ef42239122bf51db3c420de0616c88ffbd6be8e31d94acd7396eab36b4528f759b12a0568a412dbdb275606b2ae9ce6316185c6","name":"FIFA - 2010.csv","type":"text/csv","lastModified":1655306376530.529,"size":1068},{"id":"b811d0b2f97d36205d6d2fa3a234daf2ce38d2719499e0726dce84d4bb547fe8f4ceef28f9c84c3498535992ac5556c9c03f00cb274e942f2013c2144f8cb632","href":"https://static.observableusercontent.com/files/b811d0b2f97d36205d6d2fa3a234daf2ce38d2719499e0726dce84d4bb547fe8f4ceef28f9c84c3498535992ac5556c9c03f00cb274e942f2013c2144f8cb632","name":"FIFA - 1962.csv","type":"text/csv","lastModified":1655306376391.57,"size":575},{"id":"371480cf393aaa09240059402fbdb60fba73e9df966205513713d9b9c6eb9a053355ec10ef11d414bc75291121f1fb09ad030fce465e4fd48c8b1020205c332a","href":"https://static.observableusercontent.com/files/371480cf393aaa09240059402fbdb60fba73e9df966205513713d9b9c6eb9a053355ec10ef11d414bc75291121f1fb09ad030fce465e4fd48c8b1020205c332a","name":"FIFA - 1978.csv","type":"text/csv","lastModified":1655306376347.841,"size":556},{"id":"6bf47d83f911938e87fb1175cdda596cff661de5414e4d8152c25304b504a6b0caf35ece1d1727a46edb531210c2af4be2ebd991daa13478e400e18b9dfc883f","href":"https://static.observableusercontent.com/files/6bf47d83f911938e87fb1175cdda596cff661de5414e4d8152c25304b504a6b0caf35ece1d1727a46edb531210c2af4be2ebd991daa13478e400e18b9dfc883f","name":"FIFA - 2006.csv","type":"text/csv","lastModified":1655306376440.924,"size":1093},{"id":"95f89b0d7e7498fb18c267e4832647af107161de2209992076dc14571253f3edcf0e09dbb07be320bacf9ec1ceba7ef0d9746a01c1609e4beadb9a4fc889b6f9","href":"https://static.observableusercontent.com/files/95f89b0d7e7498fb18c267e4832647af107161de2209992076dc14571253f3edcf0e09dbb07be320bacf9ec1ceba7ef0d9746a01c1609e4beadb9a4fc889b6f9","name":"FIFA - 1950.csv","type":"text/csv","lastModified":1655306376384.683,"size":480},{"id":"fc89866a5418d8a5aa54e8a4cc940f9ca3b2579a2584b9fe569b36b49c508fcbac653a3dab8c6b3d54cd09df752237c085de805b708a2eecedc3336f8227b6ce","href":"https://static.observableusercontent.com/files/fc89866a5418d8a5aa54e8a4cc940f9ca3b2579a2584b9fe569b36b49c508fcbac653a3dab8c6b3d54cd09df752237c085de805b708a2eecedc3336f8227b6ce","name":"FIFA - 1958.csv","type":"text/csv","lastModified":1655306376396.312,"size":591},{"id":"43304e4a1974eae2373ba5a9f2331757a7a1a47621ae1dadc024f86a4b99d89fb4ddced681f7eb58dcfa4b16617b32be126e86cb7f49b1db8a010b7ceb121fc1","href":"https://static.observableusercontent.com/files/43304e4a1974eae2373ba5a9f2331757a7a1a47621ae1dadc024f86a4b99d89fb4ddced681f7eb58dcfa4b16617b32be126e86cb7f49b1db8a010b7ceb121fc1","name":"FIFA - 1966.csv","type":"text/csv","lastModified":1655306376414.028,"size":572},{"id":"f4d85c9c5e5863eb239cfff474deeb35d4ab2a9bc44474be8b724dc7d7435d6f8c0092a07553ec086f039aed11df600411f04efe9e01f864cb6ea7f3ab4fbfe1","href":"https://static.observableusercontent.com/files/f4d85c9c5e5863eb239cfff474deeb35d4ab2a9bc44474be8b724dc7d7435d6f8c0092a07553ec086f039aed11df600411f04efe9e01f864cb6ea7f3ab4fbfe1","name":"FIFA - 1970.csv","type":"text/csv","lastModified":1655306376399.65,"size":573},{"id":"bcc2847c345a1a6748c4f34ea3e12c5923152cc14458353da85ef0e07b667aca2c379137be2b94e92fe13454de288d049ed4022972a0183758801fd5959fb502","href":"https://static.observableusercontent.com/files/bcc2847c345a1a6748c4f34ea3e12c5923152cc14458353da85ef0e07b667aca2c379137be2b94e92fe13454de288d049ed4022972a0183758801fd5959fb502","name":"FIFA - 2002.csv","type":"text/csv","lastModified":1655306376417.335,"size":1058},{"id":"0419dba76ce0035ee826baec4deff62a914a33300d804c766ed8c1d4f8c368853983ce8e104e13f197f47f09348548f947e0b3de30d6f10bc1bd8b30a9f9f530","href":"https://static.observableusercontent.com/files/0419dba76ce0035ee826baec4deff62a914a33300d804c766ed8c1d4f8c368853983ce8e104e13f197f47f09348548f947e0b3de30d6f10bc1bd8b30a9f9f530","name":"FIFA - 1990.csv","type":"text/csv","lastModified":1655306376400.833,"size":852},{"id":"9ccc1f69c6ebe747ee54318a221c4808882a02541e9c115558e4de590216d95e064151074947be15b8bdc28c83706b159bd4157eb1e2da79225ec7f26e4e3127","href":"https://static.observableusercontent.com/files/9ccc1f69c6ebe747ee54318a221c4808882a02541e9c115558e4de590216d95e064151074947be15b8bdc28c83706b159bd4157eb1e2da79225ec7f26e4e3127","name":"FIFA - 2018.csv","type":"text/csv","lastModified":1655306376408.671,"size":1034},{"id":"4f85dfbd82ba602eb79a1dfcb6e564b41408ae3ccf54c32929eb7fdb50f34ea7bbbdd97212d8d512488340531bdc19e72caf59e7d9ede60460089dc40a2a89e1","href":"https://static.observableusercontent.com/files/4f85dfbd82ba602eb79a1dfcb6e564b41408ae3ccf54c32929eb7fdb50f34ea7bbbdd97212d8d512488340531bdc19e72caf59e7d9ede60460089dc40a2a89e1","name":"FIFA - 1934.csv","type":"text/csv","lastModified":1655306376439.85,"size":564},{"id":"002c35f971b059a9d469b52eaf30c1c9071af3d1284b1bf5c991e8683caaa306799b7e94896d681ed0f3c78aa77e566df8c36e79425d3bd5f992ba7203955414","href":"https://static.observableusercontent.com/files/002c35f971b059a9d469b52eaf30c1c9071af3d1284b1bf5c991e8683caaa306799b7e94896d681ed0f3c78aa77e566df8c36e79425d3bd5f992ba7203955414","name":"FIFA - 1998.csv","type":"text/csv","lastModified":1655306376494.525,"size":1055},{"id":"a17c7e61c8998c8a1fc76f7ad9c4d8bfa9635580666a10376418b769c274ded9bccf14914b731bdab1a0eae3beb8c17dd6aa475fe9b0c5214d9e7c0d0efb27e3","href":"https://static.observableusercontent.com/files/a17c7e61c8998c8a1fc76f7ad9c4d8bfa9635580666a10376418b769c274ded9bccf14914b731bdab1a0eae3beb8c17dd6aa475fe9b0c5214d9e7c0d0efb27e3","name":"FIFA - 1994.csv","type":"text/csv","lastModified":1655306376444.2,"size":828},{"id":"21d434f41e95e3a599967cd9f5a952a2bafe594920e9faa3406ecfe18e52f43e424aa9e6c6ad9848a150199d7b409bb4b9063e185bcd5bea07010842b0d8ed9f","href":"https://static.observableusercontent.com/files/21d434f41e95e3a599967cd9f5a952a2bafe594920e9faa3406ecfe18e52f43e424aa9e6c6ad9848a150199d7b409bb4b9063e185bcd5bea07010842b0d8ed9f","name":"FIFA - 1982.csv","type":"text/csv","lastModified":1655306376443.97,"size":822},{"id":"d69c5b664b66a974b6206dc1da1289c18d74556fc8c5ecd3fee9d2a128c49bd9c09d0099ef741d88a0acd99db15eb8b54d9a195ba1e92e1ba08f90797a58a5ea","href":"https://static.observableusercontent.com/files/d69c5b664b66a974b6206dc1da1289c18d74556fc8c5ecd3fee9d2a128c49bd9c09d0099ef741d88a0acd99db15eb8b54d9a195ba1e92e1ba08f90797a58a5ea","name":"FIFA - 2014.csv","type":"text/csv","lastModified":1655306376494.308,"size":1073},{"id":"0b54e33b0453bb7e15b52dd54f235b59ff7696c3b43a32ac64f9fcf6838081781d4e03499efaf0d1fb5ff3df9f420c12eb7434b54ce3cb38189a9542f30c75f5","href":"https://static.observableusercontent.com/files/0b54e33b0453bb7e15b52dd54f235b59ff7696c3b43a32ac64f9fcf6838081781d4e03499efaf0d1fb5ff3df9f420c12eb7434b54ce3cb38189a9542f30c75f5","name":"FIFA - 1930.csv","type":"text/csv","lastModified":1655306376474.543,"size":468},{"id":"303a43a317bc9c0f49951b138285011cb596a86f3d86092785df39f7bd03708303d2aafbe2c0a7bd6a77893900c40531b04799e0f03bf30e1a551847924f683d","href":"https://static.observableusercontent.com/files/303a43a317bc9c0f49951b138285011cb596a86f3d86092785df39f7bd03708303d2aafbe2c0a7bd6a77893900c40531b04799e0f03bf30e1a551847924f683d","name":"world-cup.png","type":"image/png","lastModified":1655312948087.259,"size":16711},{"id":"3f5641206efba21ecdfd7f8d7a0a4d5f234038ad55ba6a84b23f8c32b45605f03cc918ae78572e86691ceace4809cedf42d276654fec8552a84fd63f0530b52c","href":"https://static.observableusercontent.com/files/3f5641206efba21ecdfd7f8d7a0a4d5f234038ad55ba6a84b23f8c32b45605f03cc918ae78572e86691ceace4809cedf42d276654fec8552a84fd63f0530b52c","name":"goal.png","type":"image/png","lastModified":1655643106842.657,"size":41339},{"id":"b6546ccfed323ec15657f540268b9c640071b02f4bd8b4bd9f2417224969f0a17b3df136bae5ab829c55d13d5e9cfa44b1af73047c25f6ce7cf69a0011f60ff0","href":"https://static.observableusercontent.com/files/b6546ccfed323ec15657f540268b9c640071b02f4bd8b4bd9f2417224969f0a17b3df136bae5ab829c55d13d5e9cfa44b1af73047c25f6ce7cf69a0011f60ff0","name":"countries@7.csv","type":"text/csv","lastModified":1655423755108.708,"size":4182},{"id":"c386eec6ef78122979379b3f4402e35d47cc7de6b17fc5a89015efcc29201de18e563891650b9bd79b0dde026b1fe4b853b6c00e19966908a73db0788d4fef1c","href":"https://static.observableusercontent.com/files/c386eec6ef78122979379b3f4402e35d47cc7de6b17fc5a89015efcc29201de18e563891650b9bd79b0dde026b1fe4b853b6c00e19966908a73db0788d4fef1c","name":"soccer-field.png","type":"image/png","lastModified":1655468298368.716,"size":16709},{"id":"a0808bc0d203b2ab11fea782338ddcb58a6201b5e6103fa1c254f2fa70f09c47ca3c87893973f6e063f9faab6f3bc609baa817aea55649b31389e278bab33028","href":"https://static.observableusercontent.com/files/a0808bc0d203b2ab11fea782338ddcb58a6201b5e6103fa1c254f2fa70f09c47ca3c87893973f6e063f9faab6f3bc609baa817aea55649b31389e278bab33028","name":"stadium.png","type":"image/png","lastModified":1655466012442.237,"size":32193},{"id":"bb645c45e83e43c663598a65242610ee445fa04ec4334a8313785da8d752130a58aa2b14a74d49123e6ab1c2f5898e1346f63e809b9aecdda092a153c614b6e2","href":"https://static.observableusercontent.com/files/bb645c45e83e43c663598a65242610ee445fa04ec4334a8313785da8d752130a58aa2b14a74d49123e6ab1c2f5898e1346f63e809b9aecdda092a153c614b6e2","name":"scoreboard.png","type":"image/png","lastModified":1655466337390.616,"size":11054},{"id":"3cbc84d896fe3b87f2dd854158b831b98c3927e5272cc66f2c60be59fa81c53f2af228ab6973e4d718e1683082eb81f2fb830b21fc342a645606c6c8c0e7d123","href":"https://static.observableusercontent.com/files/3cbc84d896fe3b87f2dd854158b831b98c3927e5272cc66f2c60be59fa81c53f2af228ab6973e4d718e1683082eb81f2fb830b21fc342a645606c6c8c0e7d123","name":"success.png","type":"image/png","lastModified":1655467486047.918,"size":31774}] 2f:{"title":" \n FIFA World Cups, 1930 - 2018\n","cells":[{"id":1972,"value":"

\n FIFA World Cups, 1930 - 2018\n

","pinned":false,"hidden":false,"mode":"html"},{"id":1998,"value":"

\n TEMPORARY
\n There is some loading issue and the visualizations code may happen not to work correctly. Reloading the page often solves the issue.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":184,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":201,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":226,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":855,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":236,"value":"

\n Data and sources\n

\n
","pinned":false,"hidden":false,"mode":"html"},{"id":266,"value":"

\n Dataset 1 - FIFA World Cups (1930-2018) generalities [sourced by Kaggle]:\n

","pinned":false,"hidden":false,"mode":"html"},{"id":71,"value":"dsWorldCup = {\n \n let data = {};\n \n return data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"

\n What's in Dataset 1? \n

\n Multiple datasets for each (World Cup) year, since 1930 to 2018, where each row identifies a team with features:\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":285,"value":"| Variable | Description | Example |\n| ----------- | ----------- | ----------- |\n| Position | Ranking in the Cup | 1 |\n| Team | Name of the national team | Brazil |\n| Games played | Number of games played | 7 |\n| Win | Number of games won | 7 |\n| Draw | Number of games drawn | 0 |\n| Loss | Number of games lost | 0 |\n| Goals for | Number of goals scored | 18 |\n| Goals against | Number of goals conceded | 4 |\n| Goals difference | Difference between goals scored and conceded | 14 |\n| Points | Number of points achieved | 21 |","pinned":false,"hidden":false,"mode":"md"},{"id":296,"value":"

\n Side note
\n The number of teams competing in the Cup (hence, the size of the dataset) is variable over the years. Until 1978, only 16 teams were supposed to take part in the tournament phase (in some years, the number is lower than 16 due to historical reasons); since 1982 to 1994, the number was increased to 24; since 1998, the tournament was expanded to 32 teams.
\n [ref: Wikipedia] \n

","pinned":false,"hidden":false,"mode":"html"},{"id":323,"value":"

\n Dataset 2 - FIFA World Cups (1930-2018) matches [sourced by Kaggle]:\n

","pinned":false,"hidden":false,"mode":"html"},{"id":335,"value":"dsMatches = FileAttachment(\"WorldCupMatches2@4.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"

\n What's in Dataset 2? \n

\n Unique dataset for all World Cups since 1930 to 2018, where each row is a match with features:\n

","pinned":false,"hidden":false,"mode":"html"},{"id":330,"value":"$32","pinned":false,"hidden":false,"mode":"md"},{"id":1935,"value":"

\n CREDITS
\n Notebook structure is inspired by: @observablehq/nba-finals-players-data-jam.
\n Icons are designed by Freepik.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":820,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":372,"value":"

\n Who competes for the Cup?\n

\n
","pinned":false,"hidden":false,"mode":"html"},{"id":426,"value":"viewof cupYear = Inputs.select(d3.range(1930, 2019, 4), {value: 1930, label: \"World Cup Year\", width: 150,\n format: d3.format(\"\"), disabled: [1942, 1946]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":410,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":877,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":879,"value":"

\n Long story short?\n

\n
","pinned":false,"hidden":false,"mode":"html"},{"id":1926,"value":"

\n TEMPORARY
\n If the plot is not visualized and an error is displayed, please make sure \"countries\" array (immediately below) is fully loaded.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":1019,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":887,"value":"viewof storyYear = Inputs.select(d3.range(1930, 2015, 4), {value: 1930, label: \"World Cup Year\", width: 150,\n format: d3.format(\"\"), disabled: [1942, 1946]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1271,"value":"viewof matchIndex = Inputs.range([0, dsMatches.filter(d => (d.Year == storyYear)).length - 1], {step: 1, label: \"Match\", value: 0, width: 300})","pinned":false,"hidden":false,"mode":"ojs"},{"id":892,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":862,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":864,"value":"

\n Who likes scoring?\n

\n
","pinned":false,"hidden":false,"mode":"html"},{"id":1738,"value":"viewof goalsYear = Inputs.select(d3.range(1930, 2019, 4), {value: 1930, label: \"World Cup Year\", width: 150,\n format: d3.format(\"\"), disabled: [1942, 1946]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1488,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":1742,"value":"update = goalsChart.updateChart(goalsYear)","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"--","pinned":false,"hidden":false,"mode":"md"},{"id":143,"value":"--","pinned":false,"hidden":false,"mode":"md"},{"id":145,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"dsWorldCup[1930] = await FileAttachment(\"FIFA - 1930.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"dsWorldCup[1934] = await FileAttachment(\"FIFA - 1934.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"dsWorldCup[1938] = await FileAttachment(\"FIFA - 1938.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"dsWorldCup[1950] = await FileAttachment(\"FIFA - 1950.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"dsWorldCup[1954] = await FileAttachment(\"FIFA - 1954.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"dsWorldCup[1958] = await FileAttachment(\"FIFA - 1958.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"dsWorldCup[1962] = await FileAttachment(\"FIFA - 1962.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"dsWorldCup[1966] = await FileAttachment(\"FIFA - 1966.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"dsWorldCup[1970] = await FileAttachment(\"FIFA - 1970.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"dsWorldCup[1974] = await FileAttachment(\"FIFA - 1974.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"dsWorldCup[1978] = await FileAttachment(\"FIFA - 1978.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"dsWorldCup[1982] = await FileAttachment(\"FIFA - 1982.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"dsWorldCup[1986] = await FileAttachment(\"FIFA - 1986.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"dsWorldCup[1990] = await FileAttachment(\"FIFA - 1990.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"dsWorldCup[1994] = await FileAttachment(\"FIFA - 1994.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"dsWorldCup[1998] = await FileAttachment(\"FIFA - 1998.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"dsWorldCup[2002] = await FileAttachment(\"FIFA - 2002.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"dsWorldCup[2006] = await FileAttachment(\"FIFA - 2006.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"dsWorldCup[2010] = await FileAttachment(\"FIFA - 2010.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"dsWorldCup[2014] = await FileAttachment(\"FIFA - 2014.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"dsWorldCup[2018] = await FileAttachment(\"FIFA - 2018.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":379,"value":"countryCodes = FileAttachment(\"countries@7.csv\").csv()\n .then(data => {\n return data.map(row => ({\n Country: row.Name,\n Code: row.Code.toLowerCase()\n }))\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":408,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1363,"value":"viewof play = Inputs.button(\"Play\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1369,"value":"// try of an automatic slider\n\nmatch = {\n play;\n const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\n let match = 0;\n for (let i = 0; i < dsMatches.filter(d => (d.Year == storyYear)).length - 1; ++i) {\n match = i;\n yield match;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1437,"value":"dsGoalsTry = {\n /*\n let ds = [];\n \n for (let yearIndex = 0; yearIndex < Object.keys(dsWorldCup).length; ++yearIndex) {\n for (let team = 0; team < dsWorldCup[Object.keys(dsWorldCup)[yearIndex]].length; ++team) {\n\n let teamYear = dsWorldCup[Object.keys(dsWorldCup)[yearIndex]][team];\n teamYear[\"Year\"] = +Object.keys(dsWorldCup)[yearIndex];\n ds.push(teamYear);\n \n }\n \n }\n\n return ds;\n */\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1643,"value":"$37","pinned":false,"hidden":false,"mode":"html"}],"files":"$W38","stdlib":"1","titling":"auto"}