29:null 2a:["$","title",null,{"children":"CS 448B Halo 5 Final Project: \"Who's the best player?\" | Maxwell Fite | Observable"}] 2f:T5c3,The Halo franchise is a first-person shooter game that revolves around a central character, Spartan 117 (AKA Master Chief), and his fight to protect the galaxy from alien enemies. There are several ways to play the game, including a story mode, online multiplayer, and custom games. A rich 343 Industries API accessed via Python has provided us with a novel dataset to analyze and draw insights from. We hope to explore the effect each player in Max’s Spartan Company (group of 14 players) has on the outcome of games.

In this project, we're looking to answer the question of who is the best Halo player in a core team of elite gamers. This popular first-person shooter is complex, and each game has several variables that can make deciphering subtle differences in skill difficult. Some players may be better at certain aspects of the game than others. With this visualization exercise, we aim to determine who in this group is the strongest and most versatile soldier.

Two common metrics for quantifying skill are kill/death (K/D) ratio and win rate. The K/D is a measure of kills over the number of deaths that a player achieved over the course of a single game. Win rate is the percent of games that a certain player wins out of the ones they participated in. Some of the variables that can impact these metrics for any given player are map type, game type, and who else is playing. 30:T7a6,Let's begin by looking at K/D ratios. Each point in the line plots above represents the average K/D in a given month for a given player. The shade of each line is based on their relative K/D ratios, with darker lines having a higher cumulative average. By toggling different players on and off we can quickly compare their relative success rates from a K/D perspective. We can also look at the variance over time to get a sense of consistency. The values are plotted over a 3-year timescale, so they provide plenty of data points to remove flukes. The values have been filtered to eliminate ratios that are over five to decrease noise and spurious data points in 'fake' games that were not truly competitive.

We quickly notice that from a K/D perspective, Smelliot21 is a dominant player with the darkest line on the plot. He has a clearly higher mean at ~2.8 and a slightly upward trending line indicating steady improvement. MiniPuffDaddy and SuuperChicken follow closely behind with a lower mean, but some months with very high average peaks. In fact, SuuperChicken clearly has the highest peak performance over several months. However, they also have several lagging months with much lower average K/Ds. OC McBuckets and SpaghettiPigeon also appear to perform well but have a slightly lower mean and have steady performance over time with very few peaks. By comparison, several players including Groeds25 and FierceCheese2 can be quickly eliminated for having a low average and without peaks - one might call this performance "stinky cheese"... Lastly, we can eliminate several players like Stookey8144 for not having sufficient data over time; It's impossible to be the best if you don't play. Overall, this K/D plot quickly provides a quantitative snapshot of how the different players rank up against one another.

Top 5:
1. Smelliot21
2. SuuperChicken
3. MiniPuffDaddy
4. TTV Elimessi10
5. OC McBuckets31:T9ff,Next, let's take a look at win rates. Win rate is an equally important metric as K/D since Halo is a team game. The ability to produce wins, not necessarily just kills, is what matters the most. A very good player will have a very high win rate and may even elevate the performance of the team overall and produce more wins when they participate.

We'll look at the two most popular game types, Husky Raid and Big Team Super Fiesta. The plot above provides the win rate of the entire team split up by a given player either being on the team at that time or not. It also allows for filtering by the number of players that were in that given game. Starting with the win rate with a given player and stepping through the number of players filter we can get a sense of which players consistently produce wins regardless of the number of people they have on their team. The tool tip also provides the number of games that are being represented in the win rate to give an idea if the ranking is significant or not. For example, Stookey8144 ranks highly, but has participated in very few games. Given that Stookey8144 also has a low K/D, this artificially high rating may be dis-regarded. One thing we immediately notice from this exercise is that despite having a high K/D ratio, TTV Elimessi10 produces very low win-rates across a range of team sizes. This is perhaps an indication of choosing to boost one's own stats over the outcome of the game. OC McBuckets and MiniPuffDaddy then take the next two top spots with OC McBuckets consistently producing a slightly higher win count across more games. Smelliot21's win rates are not as high, but increase as team size goes down. Smelliot21 also has the highest game count across all game sizes by nearly an order of magnitude.

Swapping over to win rates without a given player, we get a far more definitive picture that again highlights Smelliot21's relative dominance in the game. Across all team sizes, the teams' win rates are consistently the lowest when Smelliot21 is not playing. This suggests that Smelliot's extremely high game count artificially decreases his personal win rate. Smelliot21's participation still has an outsized positive impact on success rates. Following Smelliot21, OC McBuckets and SuuperChicken both compete for 2nd place with MiniPuffDaddy following closely behind, but whose absence displays a clearly smaller impact than the other two. OC McBucket's slightly higher individual win rate than SuuperChicken however, puts this individual on top.32:T4e3,Finally, a great player not only has a high win rate, but can also carry this success in a variety of digital environments. The above graphic details the top-20 most-played maps with the size of the words and colors correlated to the frequency that this map is played. The tooltip then provides the win rates of the top-3 players for each of these maps. OC McBuckets is the clear commanding leader, boasting 9/20 of the top win rates for the Spartan Company, three times the count of the next best player.

Conclusion
Smelliot21 has demonstrated continued, unparalleled talent in Halo 5. However, his drive for individual success overshadows the occasional need to forego a high K/D ratio, ultimately at the consequence of his team's melioration; a high K/D does not capture the flag...

Nevertheless, the Spartan Company hurts when Smelliot21 is absent. Sniper headshots, Gauss Hog Mania, and perfect kills disappear if Smelliot21 does not squad up. Therefore, it is through robust analysis we conclude that Smelliot21 reigns as the best member of the Chicken Squad for his unrivaled K/D ratio coupled with impressive win rates independent of the number of players in the game or gametype.
33:Tcb3,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/bar-chart function BarChart(data, { x = (d, i) => i, // given d in data, returns the (ordinal) x-value y = d => d, // given d in data, returns the (quantitative) y-value title, // given d in data, returns the title text marginTop = 20, // the top margin, in pixels marginRight = 40, // the right margin, in pixels marginBottom = 30, // the bottom margin, in pixels marginLeft = 40, // the left margin, in pixels width = 640, // the outer width of the chart, in pixels height = 400, // the outer height of the chart, in pixels xDomain, // an array of (ordinal) x-values xRange = [marginLeft, width - marginRight], // [left, right] yType = d3.scaleLinear, // y-scale type yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] xPadding = 0.1, // amount of x-range to reserve to separate bars yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis color = "currentColor" // bar fill color } = {}) { console.log(data); // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); // Compute default domains, and unique the x-domain. if (xDomain === undefined) xDomain = X; if (yDomain === undefined) yDomain = [0, d3.max(Y)]; xDomain = new d3.InternSet(xDomain); // Construct scales, axes, and formats. const xScale = d3.scaleBand(xDomain, xRange).padding(xPadding); const yScale = yType(yDomain, yRange); const xAxis = d3.axisBottom(xScale).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 40, yFormat); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel) .style("font", "14px times")); const bar = svg.append("g") .selectAll("rect") .data(data) .join("rect") .attr("fill", color) .style("stroke", "black") .style("stroke-width", "0.5") .style("opacity", 1) .attr("x", (d,i) => xScale(X[i])) .attr("y", (d,i) => yScale(Y[i])) .attr("height", (d,i) => yScale(0) - yScale(Y[i])) .attr("width", xScale.bandwidth()); if (title) bar.append("title") .text(title); svg.append("g") // Add the X Axis .attr("class", "x axis") .attr("id", "x") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis) .selectAll("text") .style("text-anchor", "middle") .attr("dx", "0em") .attr("dy", "1em") .attr("transform", "rotate(-10)"); theToolTip(); hover(svg, color); return svg.node(); }34:T433,// Adapted from https://github.com/jasondavies/d3-cloud/blob/master/examples/browserify.js function makecloud(words) { const svg = d3.create("svg") var layout = cloud() .size([700, 600]) .words(words) .padding(5) .rotate(d => ~~(Math.random() * 2) * 90) .font("Impact") .fontSize(d => d.size) .on("end", draw); layout.start(); function draw(words) { svg.attr("width", layout.size()[0]) .attr("height", layout.size()[1]) .append("g") .attr( "transform", "translate(" + layout.size()[0] / 2 + "," + layout.size()[1] / 2 + ")" ) .selectAll("text") .data(words) .enter() .append("text") .style("font-size", d => `${d.size}px`) .style("font-family", "Impact") .attr("text-anchor", "middle") .attr("transform", d => `translate(${[d.x, d.y]})rotate(${d.rotate})`) .attr("fill", d => d.fill) .style("stroke", "black") .style("stroke-width", "0.4") .text(d => d.text); } theToolTipW(); hoverW(svg); return svg.node(); }35:T423,function hoverW(svg) { let hover = svg.selectAll("text") .on('mouseover', function(event, d) { d3.select("#tooltip").html( d.text + '
' + d.values[0].gamertag + ': ' + (d.values[0].winRateWithPlayer*1000)/10 + '%' + '
' + d.values[1].gamertag + ': ' + (d.values[1].winRateWithPlayer*1000)/10 + '%' + '
' + d.values[2].gamertag + ': ' + (d.values[2].winRateWithPlayer*1000)/10 + '%') .transition().duration(200).style('opacity', 1); d3.select(this) .style("opacity", 1) .style("stroke", "black") .style("stroke-width", "1"); d3.select(this).style("cursor", "pointer"); }) .on('mouseout', function(event, d) { d3.select('#tooltip').style('opacity', 0); d3.select(this) .style("stroke", "black") .style("stroke-width", "0.4") .style("opacity", 1) d3.select(this).style("cursor", "default"); }) .on('mousemove', function(event, d) { d3.select('#tooltip').style("top", (event.pageY+25)+"px").style("left", (event.pageX)+"px"); }); }36:T638,function getData(game_data,players) { var player_data = []; var player_avg_data = {}; for (let i = 0; i < game_data.length; i++) { for (let j = 0; j < game_data[i].Players.length; j++) { /*player_data.push(i)*/ var kd = game_data[i].Players[j].TotalKills/game_data[i].Players[j].TotalDeaths; if(kd>5){ continue } if (players.indexOf(game_data[i].Players[j].Player.Gamertag) == -1){ continue; } var player_dict = {}; //var player_dict_avgs = {}; /* var month; var player_name; player_name = game_data[i].Players[j].Player.Gamertag; month = game_data[i].MatchCompletedDate.ISO8601Date.substring(0,7); if (player_name in player_avg_data){ if(month in player_avg_data.player_name){ player_avg_data.player_name.month.push(kd); } else { var months_ph = {} player_avg_data.player_name[month] = months_ph; player_avg_data.player_name.month = [kd]; } } else { player_avg_data[player_name] = {}; player_avg_data.player_name[month] = {}; player_avg_data.player_name.month = [kd]; } */ player_dict["name"] = game_data[i].Players[j].Player.Gamertag; player_dict["game_day"] = game_data[i].MatchCompletedDate.ISO8601Date; player_dict["kd"] = kd; player_dict["date_sub"] = i; player_data.push(player_dict) /* player_data.push([game_data[i].Players[j].Player.Gamertag,game_data[i].MatchCompletedDate.ISO8601Date, game_data[i].Players[j].TotalKills/game_data[i].Players[j].TotalDeaths,i]) */ } } return player_data }37:T164c,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/multi-line-chart function LineChart(data, { x = ([x]) => x, // given d in data, returns the (temporal) x-value y = ([, y]) => y, // given d in data, returns the (quantitative) y-value z = () => 1, // given d in data, returns the (categorical) z-value title, // given d in data, returns the title text defined, // for gaps in data curve = d3.curveLinear, // method of interpolation between points marginTop = 20, // top margin, in pixels marginRight = 30, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width, in pixels height = 400, // outer height, in pixels xType = d3.scaleUtc, // type of x-scale xDomain, // [xmin, xmax] xRange = [marginLeft, width - marginRight], // [left, right] yType = d3.scaleLinear, // type of y-scale yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis zDomain, // array of z-values color = "currentColor", // stroke color of line, as a constant or a function of *z* strokeLinecap, // stroke line cap of line strokeLinejoin, // stroke line join of line strokeWidth = 1.5, // stroke width of line strokeOpacity, // stroke opacity of line mixBlendMode = "multiply", // blend mode of lines voronoi // show a Voronoi overlay? (for debugging) } = {}) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const Z = d3.map(data, z); const O = d3.map(data, d => d); if (defined === undefined) defined = (d, i) => !isNaN(X[i]) && !isNaN(Y[i]); const D = d3.map(data, defined); // Compute default domains, and unique the z-domain. if (xDomain === undefined) xDomain = d3.extent(X); if (yDomain === undefined) yDomain = [0, d3.max(Y, d => typeof d === "string" ? +d : d)]; if (zDomain === undefined) zDomain = Z; zDomain = new d3.InternSet(zDomain); // Omit any data not present in the z-domain. const I = d3.range(X.length).filter(i => zDomain.has(Z[i])); // Construct scales and axes. const xScale = xType(xDomain, xRange); const yScale = yType(yDomain, yRange); const xAxis = d3.axisBottom(xScale).ticks(width / 80).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 60, yFormat); // Compute titles. const T = title === undefined ? Z : title === null ? null : d3.map(data, title); // Construct a line generator. const line = d3.line() .defined(i => D[i]) .curve(curve) .x(i => xScale(X[i])) .y(i => yScale(Y[i])); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;") .style("-webkit-tap-highlight-color", "transparent") .on("pointerenter", pointerentered) .on("pointermove", pointermoved) .on("pointerleave", pointerleft) .on("touchstart", event => event.preventDefault()); // An optional Voronoi display (for fun). if (voronoi) svg.append("path") .attr("fill", "none") .attr("stroke", "#ccc") .attr("d", d3.Delaunay .from(I, i => xScale(X[i]), i => yScale(Y[i])) .voronoi([0, 0, width, height]) .render()); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call(g => g.select(".domain").remove()) .call(voronoi ? () => {} : g => g.selectAll(".tick line").clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel)); const path = svg.append("g") .attr("fill", "none") .attr("stroke", typeof color === "string" ? color : null) .attr("stroke-linecap", strokeLinecap) .attr("stroke-linejoin", strokeLinejoin) .attr("stroke-width", strokeWidth) .attr("stroke-opacity", strokeOpacity) .selectAll("path") .data(d3.group(I, i => Z[i])) .join("path") .style("mix-blend-mode", mixBlendMode) .attr("stroke", typeof color === "function" ? ([z]) => color(z) : null) .attr("d", ([, I]) => line(I)); const dot = svg.append("g") .attr("display", "none"); dot.append("circle") .attr("r", 2.5); dot.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("text-anchor", "middle") .attr("y", -8); function pointermoved(event) { const [xm, ym] = d3.pointer(event); const i = d3.least(I, i => Math.hypot(xScale(X[i]) - xm, yScale(Y[i]) - ym)); // closest point path.style("stroke", ([z]) => Z[i] === z ? null : "#ddd").filter(([z]) => Z[i] === z).raise(); dot.attr("transform", `translate(${xScale(X[i])},${yScale(Y[i])})`); if (T) dot.select("text").text(T[i]); svg.property("value", O[i]).dispatch("input", {bubbles: true}); } function pointerentered() { path.style("mix-blend-mode", null).style("stroke", "#ddd"); dot.attr("display", null); } function pointerleft() { path.style("mix-blend-mode", mixBlendMode).style("stroke", null); dot.attr("display", "none"); svg.node().value = null; svg.dispatch("input", {bubbles: true}); } return Object.assign(svg.node(), {value: null}); }38:[] 2d:{"id":"127935282c54eb17","slug":null,"title":"CS 448B Halo 5 Final Project: \"Who's the best player?\"","thumbnail":"dc4fbbadab519e98d5b894a0d23fcb9fb659f65cface76254e086e9f45ad9b10","access_level":"public","create_time":"$D2023-03-25T01:20:27.489Z","update_time":"$D2023-03-25T01:20:27.489Z","view_time":null,"first_public_time":"$D2023-03-25T01:20:27.489Z","fork":{"id":"fe5c76e14d6c6603","slug":null,"title":"CS 448B Halo 5 Final Project: \"Who's the best player?\"","owner":{"id":"d51befe96cbd0cba","login":"mfite","name":"Maxwell Fite"}},"stars":0,"starred":false,"owner":{"type":"team","id":"d51befe96cbd0cba","login":"mfite","name":"Maxwell Fite","avatar_url":"https://avatars-next.observableusercontent.com/cb9cee362ad5adf84f56e22eb40d86bfd9c592564ec31708950e229c8d3f9284","tier":"starter_2024"},"version":2276,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b186612a55113383","login":"mfite","name":"Maxwell Fite","avatar_url":"https://avatars-next.observableusercontent.com/cb9cee362ad5adf84f56e22eb40d86bfd9c592564ec31708950e229c8d3f9284","tier":null}],"members":[{"type":"individual","id":"b186612a55113383","login":"mfite","name":"Maxwell Fite","avatar_url":"https://avatars-next.observableusercontent.com/cb9cee362ad5adf84f56e22eb40d86bfd9c592564ec31708950e229c8d3f9284","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"CS 448B Halo 5 Final Project: \"Who's the best player?\"","cells":[{"id":0,"value":"# CS 448B Halo 5 Final Project:
\"Who's the best player?\"\nBy Maxwell Fite and Jeevesh Konuru (03/24/23)\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":2143,"value":"$2f","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":1684,"value":"/*https://observablehq.com/@observablehq/input-checkbox*/\nviewof player_list = Inputs.checkbox(gamertags, {value: [\"OC McBuckets\"], label: \"Players\", gamertags})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1853,"value":"chartT = LineChart(go, {\n x: d => new Date(d.month),\n y: d => d.avgKD,\n z: d => d.gamertag,\n yLabel: \"Kill/Death Ratio\",\n width,\n height: 500,\n color: colorSelector\n //voronoi // if true, show Voronoi overlay\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2158,"value":"$30","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":579,"value":"chart = BarChart(winRates, {\n x: d => d.gamertag,\n y: d => {\n if (d['winRates'][winRateType[1]] > gameMin) {\n return d['winRates'][winRateType[0]]\n }\n },\n xDomain: d3.groupSort(winRates.filter((d) => d['winRates'][winRateType[1]] > gameMin), ([d]) => -d['winRates'][winRateType[0]], d => d.gamertag), \n yFormat: \"%\",\n yLabel: \"Win Rate from 1/1/19 to 12/31/22\",\n width: 800,\n height: 400,\n color: \"#cbcbcb\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":828,"value":"viewof numPlayers = Inputs.checkbox([1,2,3,4,5,6,7,8], {value: [1,2,3,4,5,6,7,8], label: \"Number of Players from Spartan Company in Game\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":867,"value":"viewof gametypes = Inputs.checkbox([\"Husky Raid\", \"Big Team Super Fiesta\"], {value: [\"Husky Raid\", \"Big Team Super Fiesta\"], label: \"\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1031,"value":"viewof winRateType = Inputs.radio(new Map([[\"Win Rate With Player\", [\"winRateWithPlayer\",\"gamesPlayedWithPlayer\"]], [\"Win Rate Without Player\", [\"winRateWithoutPlayer\",\"gamesPlayedWithoutPlayer\"]]]), {key: \"Win Rate With Player\", label: \"\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2162,"value":"$31","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":1572,"value":"makecloud(\n w.map(d => ({\n text: d.map,\n values: d.rates,\n size: convertRange(d.numGames, [d3.min(minSize.map(a=>a.length)), d3.max(minSize.map(a=>a.length))], [20, 60]), // could be the number of occurrences\n fill: myColorW(convertRange(d.numGames,[d3.min(minSize.map(a=>a.length)), d3.max(minSize.map(a=>a.length))],[1,10])) // or something else\n }))\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2168,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":2272,"value":"Data and Methods
\nThe API returned match statistics for each player over a three-year period. Most of the processing was done in Javascript below, utilizing d3's robust grouping and functional programming to ascertain K/D rations and win rates.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":1142,"value":"viewof jsonfileGames = Inputs.file({label: \"Games JSON\", accept: \".json\", required: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1144,"value":"gameX = jsonfileGames.json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1463,"value":"gameData = gameX.filter((d) => { return d.Id.GameMode===1 || d.Id.GameMode ===4 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1200,"value":"viewof jsonfileMatches = Inputs.file({label: \"Array Matches JSON\", accept: \".json\", required: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1197,"value":"spartanCompanyMatches = jsonfileMatches.json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1232,"value":"allGames = d3.group(gameData, d => d.Players[0].Player.Gamertag)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1236,"value":"gamesPlayed = Array.from(allGames, ([gamertag, games]) => ({ gamertag, games }));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":225,"value":"gameDataFiltered = gameData.filter((element) => { \n if (element.Teams.length === 2 && \n (element.Id.GameMode === 1 || element.Id.GameMode === 4) &&\n element.IsTeamGame === true) {\n return element;\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"// All the players in the spartan company\ngamertags = [\"OC McBuckets\",\"MiniPuffDaddy\",\"Stookey8144\",\"TTV Elimessi10\",\"Freaknbull\",\"EkTwEnTyFoUr\",\"RFxXDeBaTeAbLeX\",\"Smoke2003x\",\"SpaghettiPigeon\",\"Groeds25\",\"FierceCheesev2\",\"SpaghettiSniper\",\"Smelliot21\",\"SuuperChicken\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":297,"value":"filteredMatchesX = spartanCompanyMatches.filter((d) => {\n for (const element of d) {\n if (element.Teams.length === 2 && \n (element.Id.GameMode === 1 || element.Id.GameMode === 4) &&\n element.IsTeamGame === true) {\n return d;\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1190,"value":"gameMin = 50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":835,"value":"filteredMatches = filteredMatchesX.filter((d) => { return numPlayers.includes(d.length) && gametypes.includes(d[0].GametypeVariantName) })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":152,"value":"winRates = {\n let winRates = [];\n for(const gamertag of gamertags) {\n winRates.push({\n gamertag: gamertag,\n winRates: \n {\n winRateWithPlayer: Math.round(\n winsWithPlayer(gamertag).length/gamesWithPlayer(gamertag).length*1000)/1000,\n winRateWithoutPlayer: Math.round(\n winsWithoutPlayer(gamertag).length/gamesWithoutPlayer(gamertag).length*1000)/1000,\n gamesPlayedWithPlayer: gamesWithPlayer(gamertag).length,\n gamesPlayedWithoutPlayer: gamesWithoutPlayer(gamertag).length\n }\n })\n }\n return winRates\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1458,"value":"myColor = d3.scaleSequential().domain([1,10])\n .interpolator(d3.interpolateGreens);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1460,"value":"function convertRange( value, r1, r2 ) { \n return ( value - r1[ 0 ] ) * ( r2[ 1 ] - r2[ 0 ] ) / ( r1[ 1 ] - r1[ 0 ] ) + r2[ 0 ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":355,"value":"function wonGame(element) {\n for (const team of element.Teams) {\n if (team.Id === element.Players[0].TeamId && team.Rank === 1) {\n return element;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":45,"value":"function winsWithPlayer(gamertag) {\n return filteredMatches.filter((d) => { \n for (const element of d) {\n if (element.Players[0].Player.Gamertag === gamertag && wonGame(element)){\n return d;\n }\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":259,"value":"function lossesWithPlayer(gamertag) {\n return filteredMatches.filter((d) => { \n for (const element of d) {\n if (element.Players[0].Player.Gamertag === gamertag && !wonGame(element)) {\n return d;\n }\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":119,"value":"function gamesWithPlayer(gamertag) {\n return filteredMatches.filter((d) => { \n for (const element of d) {\n if (element.Players[0].Player.Gamertag === gamertag) {\n return d;\n }\n }\n})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1466,"value":"z = {\n let z = [];\n for (const gamertag of gamertags) {\n if (gamesWithPlayer(gamertag).length > gameMin) {\n z.push(gamesWithPlayer(gamertag).length)\n }\n }\n return z\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1716,"value":"e = {\n let z = [];\n for (const gamertag of gamertags) {\n if (gamesWithoutPlayer(gamertag).length > gameMin) {\n z.push(gamesWithoutPlayer(gamertag).length)\n }\n }\n return z\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":130,"value":"function winsWithoutPlayer(gamertag) {\n return filteredMatches.filter((d) => { \n for (const element of d) {\n if (element.Players[0].Player.Gamertag === gamertag) {\n return false; \n } \n }\n if (wonGame(d[0])) {\n return d;\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":253,"value":"function lossesWithoutPlayer(gamertag) {\n return filteredMatches.filter((d) => { \n for (const element of d) {\n if (element.Players[0].Player.Gamertag === gamertag) {\n return false; \n }\n }\n if (!wonGame(d[0])) {\n return d;\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":132,"value":"function gamesWithoutPlayer(gamertag) {\n return filteredMatches.filter((d) => { \n for (const element of d) {\n if (element.Players[0].Player.Gamertag === gamertag) {\n return false;\n }\n }\n return d;\n})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":613,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":673,"value":"function hover(svg, color) {\n let hover = svg.selectAll(\"rect\")\n .on('mouseover', function(event, d) { \n d3.select(\"#tooltip\").html(\n \"Gamertag: \" + d.gamertag + \n \"
Win Rate: \" + Math.round(d['winRates'][winRateType[0]]*1000)/10 + '%' +\n \"
Games Played: \" + d['winRates'][winRateType[1]])\n .transition().duration(200).style('opacity', 1);\n d3.select(this)\n .style(\"fill\", myColor(convertRange(d['winRates'][winRateType[1]],[d3.min(e), d3.max(e)],[1,10])))\n .style(\"opacity\", 1);\n })\n .on('mouseout', function(event, d) { \n d3.select('#tooltip').style('opacity', 0);\n d3.select(this)\n .style(\"stroke\", \"black\")\n .style(\"stroke-width\", \"0.5\")\n .style(\"opacity\", 1) \n .style(\"fill\", color);\n })\n .on('mousemove', function(event, d) {\n d3.select('#tooltip').style(\"top\", (event.pageY+25)+\"px\").style(\"left\", (event.pageX)+\"px\");\n }); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":696,"value":"function theToolTip() {\nreturn d3.selectAll(\"body\")\n .append(\"div\")\n .attr('id', \"tooltip\")\n .attr('style', 'position: absolute; opacity: 0;')\n .attr(\"class\", \"tooltip\")\n .style(\"background-color\", \"white\")\n .style(\"border\", \"solid\")\n .style(\"border-width\", \"2px\")\n .style(\"border-radius\", \"5px\")\n .style(\"padding\", \"5px\")\n .style('font-size', '10px')\n .style(\"z-index\", 2)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1539,"value":"maps = d3.group(gameData, d => d.MapVariantName)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1541,"value":"gamesPlayedW = Array.from(maps, ([key, values]) => ({ key, values }));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1544,"value":"mapSort = gamesPlayedW.sort(function (a, b) { return b.values.length - a.values.length; });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1547,"value":"mapFilter = mapSort.filter((d) => {\n return d.key!=undefined; \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1549,"value":"mapSlice = mapFilter.slice(0,20)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1551,"value":"mapX = mapSlice.map(d => d.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1553,"value":"winRatesW = {\n let winRates = [];\n let maps = [];\n let i = 0;\n for(const map of mapX) {\n for(const gamertag of gamertags) {\n winRates.push({\n map: map,\n gamertag: gamertag,\n winRates: \n {\n winRateWithPlayer: Math.round(\n winsWithPlayerW(gamertag, map).length/gamesWithPlayerW(gamertag, map).length*1000)/1000,\n gamesPlayedWithPlayer: gamesWithPlayerW(gamertag, map).length,\n }\n })\n }\n }\n return winRates;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1556,"value":"winRatesQ = {\n let winRates = [];\n let maps = [];\n let i = 0;\n for(const map of mapX) {\n for(const gamertag of gamertags) {\n if (gamesWithPlayerW(gamertag, map).length > 25) {\n winRates.push({\n map: map,\n gamertag: gamertag,\n winRateWithPlayer: Math.round(\n winsWithPlayerW(gamertag, map).length/gamesWithPlayerW(gamertag, map).length*1000)/1000,\n gamesPlayedWithPlayer: gamesWithPlayerW(gamertag, map).length,\n })\n }\n }\n }\n return winRates;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1590,"value":"mapsY = d3.group(winRatesQ, d => d.map)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1592,"value":"test = {\n for(const map of mapX) {\n mapsY.get(map).sort(function (a, b) { return b.winRateWithPlayer - a.winRateWithPlayer; });\n mapsY.get(map).slice(0,3);\n }\n return mapsY\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1594,"value":"w = {\n let z = [];\n for (const x of test) {\n z.push({map: x[0],\n rates: x[1].slice(0,3),\n numGames: maps.get(x[0]).length})\n }\n return z\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2222,"value":"{\n for (const map of w) {\n console.log(map.rates[0])\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1597,"value":"mapSortQ = mapWinRates[0].values.sort(function (a, b) { return b.length - a.length; });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1599,"value":"mapWinRatesX = d3.group(winRatesW, d => d.map)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1601,"value":"mapWinRates = Array.from(mapWinRatesX, ([key, values, numGames]) => ({ key, values, numGames }));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1604,"value":"data = {\n let i = 0;\n for(const map of mapWinRates) {\n map.numGames = maps.get(map.key).length;\n }\n return mapWinRates\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1559,"value":"function winsWithPlayerW(gamertag, map) {\n return gameData.filter((d) => { \n if (d.MapVariantName === map && d.Players[0].Player.Gamertag === gamertag && d.WonGame) {\n return d;\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1561,"value":"function lossesWithPlayerW(gamertag, map) {\n return gameData.filter((d) => { \n if (d.MapVariantName === map && d.Players[0].Player.Gamertag === gamertag && !d.WonGame) {\n return d;\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1563,"value":"function gamesWithPlayerW(gamertag, map) {\n return gameData.filter((d) => { \n if (d.MapVariantName === map && d.Players[0].Player.Gamertag === gamertag) {\n return d;\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1566,"value":"cloud = require(\"d3-cloud\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1568,"value":"minSize = mapSlice.map(d => d.values)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1570,"value":"lengths = mapSlice.map(d => d.values.length)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1575,"value":"myColorW = d3.scaleSequential().domain([1,10])\n .interpolator(d3.interpolateReds);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1579,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1582,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1584,"value":"function theToolTipW(svg) {\nreturn d3.selectAll(\"body\")\n .append(\"div\")\n .attr('id', \"tooltip\")\n .attr('style', 'position: absolute; opacity: 0;')\n .attr(\"class\", \"tooltip\")\n .style(\"background-color\", \"white\")\n .style(\"border\", \"solid\")\n .style(\"border-width\", \"2px\")\n .style(\"border-radius\", \"5px\")\n .style(\"padding\", \"5px\")\n .style('font-size', '10px')\n .style(\"z-index\", 2)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1693,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1691,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(time))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1696,"value":"time = d3.scaleTime()\n .domain([new Date(\"2019-01-01T00:00:00\"), new Date(\"2022-12-31T00:00:00\")])\n .range([0, width - margin.left - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1701,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1703,"value":"margin = ({top: 25, right: 20, bottom: 35, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1705,"value":"x2 = d3.scaleTime()\n .domain([new Date(\"2019-01-01T00:00:00\"), new Date(\"2022-12-31T00:00:00\")])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1707,"value":"y = d3.scaleLinear()\n .domain(d3.extent(gamer_data, d => d.kd)).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1709,"value":"gamer_data = getData(gameData,player_list)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1711,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1747,"value":"allstuff = {\n let gamer = [];\n let allData = [];\n let p = [];\n let data = [];\n let dataX = [];\n for (const gamertag of gamertags) {\n gamer = gameData.filter((d) => d.Players[0].Player.Gamertag === gamertag);\n p = d3.group(gamer, d => d.MatchCompletedDate.ISO8601Date.substring(0,7));\n data = Array.from(p, ([month, games]) => ({ month, games, gamertag: gamertag }))\n dataX = data.map(\n (d) => ({\n ...d, // retain old values using spread syntax\n avgKD: d3.mean(d.games.map(d => d.K_D))\n })\n );\n allData.push(dataX);\n\n }\n return allData;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1827,"value":"function theMean(data) {\n for (const dat of data) {\n return d3.mean(data.games.map(d => d.K_D));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1866,"value":"h = allstuff.flat(1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1872,"value":"go = h.filter((d) => { return player_list.includes(d.gamertag)})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1878,"value":" function colorSelector(d){\n return myColorL(convertRange(f.get(d)[0].avgKD,[minSizeL, maxSizeL],[5,20]));\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2056,"value":"gamertags","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1939,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2059,"value":"myColorL = d3.scaleSequential().domain([0,20])\n .interpolator(d3.interpolateBlues);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2061,"value":"allstuffL = {\n let gamer = [];\n let allData = [];\n let p = [];\n let data = [];\n let dataX = [];\n for (const gamertag of gamertags) {\n gamer = gameData.filter((d) => d.Players[0].Player.Gamertag === gamertag);\n p = d3.group(gamer, d => d.Players[0].Player.Gamertag);\n data = Array.from(p, ([month, games]) => ({ month, games, gamertag: gamertag }))\n dataX = data.map(\n (d) => ({\n ...d, // retain old values using spread syntax\n avgKD: d3.mean(d.games.map(d => d.K_D))\n })\n );\n allData.push(dataX);\n\n }\n return allData;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2067,"value":"p = d3.group(gameData, d => d.Players[0].Player.Gamertag);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2069,"value":"dataP = Array.from(p, ([key, value]) => ({ key, value }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2073,"value":"function theMeanM(data) {\n for (const dat of data) {\n return d3.mean(data.map(d => d.K_D));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2078,"value":"ere = {\n let you = [];\n for (const y in gamertags) { \n you.push({gamertag: gamertags[y],\n avgKD: theMeanM(dataP[y].value)});\n \n }\n return you;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2108,"value":"f = d3.group(ere, d => d.gamertag)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2093,"value":"minSizeL = d3.min(ere.map(d => d.avgKD))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2096,"value":"maxSizeL = d3.max(ere.map(d => d.avgKD))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 2e:"$2d:body"