31:T1567,acsNAChart = { let allfilData = acsNA.sort(compareACS); let sliceData = allfilData.slice(0, 17) let filteredData = sliceData; if (searchACS.length === 1) { filteredData.unshift(searchACS[0]); } let height = 560; let margin = { top:130, right: 5, bottom: 70, left: 110 } let barWidth = 963/21 let titleMax = 50 let svg = d3.create('svg').style("background-color", 'white').attr("preserveAspectRatio", "none") .attr("viewBox", "0 0 963 560") //class to make it responsive .classed("svg-content-responsive", true); ; svg.append('rect') .attr('x', 15) .attr('y', 0) .attr('width', 100) .attr('height', 50) .attr('stroke', 'black') .attr('fill', 'black'); svg.append("image") .attr("xlink:href", "https://runitback.gg/static/media/logo.dcfad9c9.png") .attr("x", 15) .attr("y", 0) .attr("width", 100) .attr("height", 50); let yScale = d3.scaleLinear() .domain([0,d3.max(allfilData.map(d=> (d.Acs)))*1.1]) .range([0, height-margin.top-margin.bottom]) let yScale_axis = d3.scaleLinear() .domain([0,d3.max(allfilData.map(d=> (d.Acs)))*1.1]) .range([0, height-margin.top-margin.bottom].reverse()) var xScale = d3.scaleOrdinal() .range([margin.left, 963 - margin.right]) .domain([]); svg.append("text").attr("class", "player") .attr("text-anchor", "middle") .attr("y", 55) .attr("x", 963/2) .attr("dy", "3em") .attr('style', "font-size: 50px; font-family: 'Bebas Neue';"); ; svg.append('text') .attr('id', 'player') .attr('pointer-events', 'none').attr('x', 963/2).attr('y', 140).attr("text-anchor" , "middle"); //adding bargraph svg.selectAll("bars") .data(filteredData) .join('rect') .attr("x", function(d, i) {return margin.left+(barWidth + 3)*i}) .attr("y", function(d) {return height-margin.bottom-yScale(Number(d.Acs))}) .attr("width", barWidth) .attr("height", function(d) {return yScale(Number(d.Acs))}) .attr("fill", d => teamColors[d.Team]) .on('mouseover', function(event, d) { d3.select('#player').text(d.Ign + " had an Average ACS of " + d.Acs); }) .on('mouseout', function(event, d) { d3.select(this).attr('stoke-width', 0); d3.select('#player').text(''); }); //adding team logos svg.selectAll("teamimage") .data(filteredData) .join('image') .attr("xlink:href", function(d) {return teamLogos[d.Team]}) .attr("x", function(d, i) {return margin.left+(barWidth+3)*i}) .attr("y", function(d) {return height-margin.bottom}) .attr("width", barWidth) .attr("height", barWidth); // player label for (let i = 0; i < filteredData.length; i++) { let playerName = filteredData[i].Ign; let playerCP = filteredData[i].Acs; let barTop = height - margin.bottom - yScale(Number(filteredData[i].Acs)) let barHeight = yScale(Number(filteredData[i].Acs)); let x = margin.left+(barWidth+3)*i+30-4; let y = barTop+3; svg.append("text") .attr("class", "signature").call(addWebFont, 'Bebas Neue', 'https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9WlhyyTh89Y.woff2') .attr('style', "font-size: "+40+"px; font-family: 'Bebas Neue';") .attr("text-anchor", "left") .attr("y", -10) .attr("x", 0) .attr("dy", ".75em") .style("fill", "white").attr("transform", 'translate('+x+','+y+')rotate(90)').text(playerName); } svg.append("text") .attr("class", "signature") .attr("text-anchor", "middle") .attr("y", 2) .attr("x", 963/2) .attr("dy", ".75em") .attr('style', "font-size: 12px; font-family: 'Bebas Neue';") .text("Author: Sam Rosenberg"); svg.append("text") .attr("class", "signature") .attr("text-anchor", "middle") .attr("y",12) .attr("x", 44) .attr("dy", ".75em") .attr('style', "font-size: 9px; font-family: 'Bebas Neue';") .text("CITATION"); svg.append('g') .attr('transform', `translate(${margin.left}, ${margin.top})`) .call(d3.axisLeft(yScale_axis)).call(addWebFont, 'Bebas Neue', 'https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9WlhyyTh89Y.woff2') .attr('style', "font-size: "+30+"px; font-family: 'Bebas Neue';"); svg.append('g') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(d3.axisBottom(xScale)).attr('style', "font-size: "+30+"px; font-family: 'Bebas Neue';");; svg.append("text") .attr("class", "y axis") .attr("text-anchor", "middle") .attr("y", 0) .attr("x", -(height)/2) .attr("dy", ".75em") .attr("transform", "rotate(-90)") .text("Average Combat Score (ACS)").attr('style', "font-size: 30px; font-family: 'Bebas Neue';");; var text = svg.append("svg:text").attr("class", "title") .attr("text-anchor", "middle") .attr("y", 55) .attr("x", 963/2) .attr("dy", ".75em") .attr('style', "font-size: "+50+"px; font-family: 'Bebas Neue';"); ; var text2 = svg.append("svg:text").attr("class", "title") .attr("text-anchor", "middle") .attr("y", 55) .attr("x", 963/2) .attr("dy", ".75em") .attr('style', "font-size: "+50+"px; font-family: 'Bebas Neue';"); ; text.append("svg:tspan").style("fill", "black").attr("dy", "0em").text("Average Combat Score"); text2.append("svg:tspan").style("fill", "black").attr("dy", "1em").text("at Masters - North America"); return svg.node(); }32:T743,instruction = { let svg = d3.create('svg').style("background-color", 'white').attr("preserveAspectRatio", "none") .attr("viewBox", "0 3 70 34").attr("width", 200) svg.append('text') .attr('x', 28) .attr('y', 11) .text("< First region pick rate") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 4px; font-family: 'Bebas Neue';"); svg.append('text') .attr('x', 28) .attr('y', 27) .text("< Second region pick rate") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 4px; font-family: 'Bebas Neue';"); svg.append('text') .attr('x', 28) .attr('y', 19) .text("< Difference in pick rate") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 4px; font-family: 'Bebas Neue';"); svg.append('text') .attr('x', 1.5) .attr('y', 21.5) .text("0 pickrate–") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 4px; font-family: 'Bebas Neue';"); svg.append('rect') .attr("x", 17) .attr("y", function(d) { return 20 - 5; }) .attr("width", 10) .attr("height", 5) .attr("fill",'#404b65') .attr("stroke", "black") .attr("stroke-width", 1) svg.append('rect') .attr("x", 17) .attr("y", 5) .attr("width", 10) .attr("height", 15) .attr("fill", '#404b65') .attr("stroke", "black") .attr("stroke-width", 1).style("opacity", 0.35); svg.append('rect') .attr("x", 17) .attr("y", 20) .attr("width", 10) .attr("height", 10) .attr("fill", '#f14853') .attr("stroke", "black") .attr("stroke-width", 1).style("opacity", 0.35); return svg.node(); }33:T475,selecttwo = { let svg = d3.create('svg').style("background-color", 'white').attr("viewBox", "0 0 963 100"); let boxWidth = (963)/(regions.length); let height = 200; let textHeight = 50; for (let i = 0; i < regions.length; i++) { svg.append('rect') .attr('x', boxWidth*i) .attr('y', 0) .attr('width', boxWidth) .attr('height', boxWidth+10) .attr('stroke', 'black') .attr('fill', function(d){ if (selectedregiontwo === regions[i]) { return '#404b65'} else { return '#656c71'} }); svg.append('text') .attr('x', boxWidth*(i+.5)) .attr('y', textHeight+5) .text(regions[i]) .attr('fill', '#ebe8e0') .attr("text-anchor", "middle") .attr('style', "font-size: 23px; font-family: 'Bebas Neue';"); svg.append('rect') .attr('x', boxWidth*i) .attr('y', 0) .attr('width', boxWidth) .attr('height', boxWidth+10) .attr('stroke', 'black') .attr('fill', 'transparent') .on("click", function(event, d){ mutable selectedregiontwo = regions[i]; } ); } return svg.node(); } 34:T475,selectone = { let svg = d3.create('svg').style("background-color", 'white').attr("viewBox", "0 0 963 100"); let boxWidth = (963)/(regions.length); let height = 200; let textHeight = 50; for (let i = 0; i < regions.length; i++) { svg.append('rect') .attr('x', boxWidth*i) .attr('y', 0) .attr('width', boxWidth) .attr('height', boxWidth+10) .attr('stroke', 'black') .attr('fill', function(d){ if (selectedregionone === regions[i]) { return '#f14853'} else { return '#656c71'} }); svg.append('text') .attr('x', boxWidth*(i+.5)) .attr('y', textHeight+5) .text(regions[i]) .attr('fill', '#ebe8e0') .attr("text-anchor", "middle") .attr('style', "font-size: 23px; font-family: 'Bebas Neue';"); svg.append('rect') .attr('x', boxWidth*i) .attr('y', 0) .attr('width', boxWidth) .attr('height', boxWidth+10) .attr('stroke', 'black') .attr('fill', 'transparent') .on("click", function(event, d){ mutable selectedregionone = regions[i]; } ); } return svg.node(); } 35:T2437,havenRegionData = { let margin = { top:60, right: 40, bottom: 60, left: 70 } let regiononeAgentData = regionHavenData[selectedregionone] let regiontwoAgentData = regionHavenData[selectedregiontwo] let agentDiff = [] let len = 0; for (let i = 0; i < agentNames.length; i++) { let present = false; let oneval = 0; let twoval = 0; if (regiononeAgentData.find(a => a.Agent === agentNames[i]) !== undefined) { oneval = regiononeAgentData.find(a => a.Agent === agentNames[i]).Percentage present = true; } else { oneval = 0 } if (regiontwoAgentData.find(a => a.Agent === agentNames[i]) !== undefined) { twoval = regiontwoAgentData.find(a => a.Agent === agentNames[i]).Percentage present = true; } else { twoval = 0 } console.log(agentNames[i]) console.log(present) if (present) { agentDiff[agentNames[i]] = oneval-twoval console.log(agentDiff[agentNames[i]]) len++ } } let svg = d3.create('svg').style("background-color", 'white').attr("preserveAspectRatio", "none") .attr("viewBox", "0 0 963 560") svg.append("text") .attr("class", "signature") .attr("text-anchor", "middle") .attr("y", 10) .attr("x", 963/2) .attr("dy", ".75em") .attr('style', "font-size: 24px; font-family: 'Bebas Neue';") .text("Author: Sam Rosenberg"); svg.append('rect') .attr("x", 0) .attr("width", 963) .attr("height", 560) .attr("fill", "transparent") .attr("stroke", "black") .attr("stroke-width", 2); svg.append("image") .attr("xlink:href", "https://static.wikia.nocookie.net/valorant/images/7/70/Loading_Screen_Haven.png/revision/latest/scale-to-width-down/700?cb=20200620202335") .attr("x", -15) .attr("y", -15) .attr("width", 1000) .attr("height", 585).style("opacity", 0.3); svg.append("image") .attr("xlink:href", "https://runitback.gg/static/media/logo.dcfad9c9.png") .attr("x", 0) .attr("y", 0) .attr("width", 200) .attr("height", 35); var text = svg.append("svg:text").attr("class", "title") .attr("text-anchor", "middle") .attr("y", 74) .attr("x", 963/2) .attr("dy", ".75em") .attr('style', "font-size: "+50+"px; font-family: 'Bebas Neue';"); ; text.append("svg:tspan").style("fill", "black").attr("dy", "0em").text("Agent Pick Rate on Haven - Masters 1"); let scaleHeight = d3.scaleLinear() .domain([-100, 100]) .range([-190,190]) let yAxis = d3.scaleLinear() .domain([-100, 100]) .range([90,470]) len-- //make this make up and down bars for (let i = 0; i < len+1; i++) { svg.append('rect') .attr("x", i * ((963-margin.left-margin.right)/(len+1))+margin.left) .attr("y", function(d) { if (scaleHeight(agentDiff[Object.keys(agentDiff)[i]]) > 0) { return yAxis(0); } else { return yAxis(0) - Math.abs(scaleHeight(agentDiff[Object.keys(agentDiff)[i]])) }}) .attr("width", ((963-margin.left-margin.right)/(len+1))) .attr("height", function(d) {return Math.abs(scaleHeight(agentDiff[Object.keys(agentDiff)[i]]))}) .attr("fill", function(d) { if (scaleHeight(agentDiff[Object.keys(agentDiff)[i]]) > 0) { return '#f14853'; } else { return '#404b65'; }}) .attr("stroke", "black") .attr("stroke-width", 2) //region one boxes svg.append('rect') .attr("x", i * ((963-margin.left-margin.right)/(len+1))+margin.left) .attr("y", function(d) { if (regiononeAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]) !== undefined) { return yAxis(0); } else { return 0; } }) .attr("width", ((963-margin.left-margin.right)/(len+1))) .attr("height", function(d) { if (regiononeAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]) !== undefined) { console.log(Object.keys(agentDiff)[i] + " : " + Math.abs(scaleHeight(regiononeAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]).Percentage))) return Math.abs(scaleHeight(regiononeAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]).Percentage)) } else { return 0 }}) .attr("fill", function(d) { if (regiononeAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]) !== undefined) { if (scaleHeight(regiononeAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]).Percentage) > 0) { return '#f14853'; } else { return '#404b65'; }} else { return 'black';} }) .attr("stroke", "black") .attr("stroke-width", 2).style("opacity", 0.35); //region two boxes svg.append('rect') .attr("x", i * ((963-margin.left-margin.right)/(len+1))+margin.left) .attr("y", function(d) { if (regiontwoAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]) !== undefined) { return yAxis(0) - Math.abs(scaleHeight(regiontwoAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]).Percentage)); } else { return 0; } }) .attr("width", ((963-margin.left-margin.right)/(len+1))) .attr("height", function(d) { if (regiontwoAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]) !== undefined) { return Math.abs(scaleHeight(regiontwoAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]).Percentage)) } else { return 0 }}) .attr("fill", function(d) { if (regiontwoAgentData.find(a => a.Agent === Object.keys(agentDiff)[i]) !== undefined) { return '#404b65'; } else { return 'black';} }) .attr("stroke", "black") .attr("stroke-width", 2).style("opacity", 0.35); svg.append("image") .attr("xlink:href", agents.data.find(a => a.displayName === Object.keys(agentDiff)[i]).displayIcon) .attr("x", i * ((963-margin.left-margin.right)/(len+1))+margin.left) .attr("y", 560 - ((963-margin.left-margin.right)/(len+1))) .attr("width", ((963-margin.left-margin.right)/(len+1))) .attr("height", ((963-margin.left-margin.right)/(len+1))); } let times = [0, 0.5, 1.5, 3]; svg.append('g') .attr('transform', `translate(${margin.left}, 0)`) .call(d3.axisLeft(yAxis).ticks(8).tickFormat(function(x){return Math.abs(x)+"%";})).call(addWebFont, 'Bebas Neue', 'https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9WlhyyTh89Y.woff2') .attr('style', "font-size: "+20+"px; font-family: 'Bebas Neue';"); svg.append("text") .attr("class", "y axis") .attr("text-anchor", "middle") .attr("y", 6) .attr("x", -(560)/2) .attr("dy", ".75em") .attr("transform", "rotate(-90)") .text("Pick Rate of Agent").attr('style', "font-size: 30px; font-family: 'Bebas Neue';");; let keyX = 830; let multiplier = 2.5; //key svg.append('rect') .attr("x", keyX-33).attr("y", 6) .attr("width", 165) .attr("height", 30*multiplier) .attr("fill", "white") .attr("stroke", "black") .attr("stroke-width", 3).style("opacity", .5); svg.append('text') .attr('x', keyX+28) .attr('y', 11 * multiplier) .text("< First region pick rate") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 12px; font-family: 'Bebas Neue';"); svg.append('text') .attr('x', keyX+28) .attr('y', 27*multiplier) .text("< Second region pick rate") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 12px; font-family: 'Bebas Neue';"); svg.append('text') .attr('x', keyX+28) .attr('y', 19*multiplier) .text("< Difference in pick rate") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 12px; font-family: 'Bebas Neue';"); svg.append('text') .attr('x', keyX-30) .attr('y', 21.5*multiplier) .text("0 pickrate–") .attr('fill', 'black') .attr("text-anchor", "left") .attr('style', "font-size: 12px; font-family: 'Bebas Neue';"); svg.append('rect') .attr("x", keyX+17) .attr("y", function(d) { return (20 - 5)*multiplier; }) .attr("width", 10) .attr("height", 5*multiplier) .attr("fill",'#404b65') .attr("stroke", "black") .attr("stroke-width", 1) svg.append('rect') .attr("x", keyX+17) .attr("y", 5*multiplier) .attr("width", 10) .attr("height", 15*multiplier) .attr("fill", '#404b65') .attr("stroke", "black") .attr("stroke-width", 1).style("opacity", 0.35); svg.append('rect') .attr("x", keyX+17) .attr("y", 20*multiplier) .attr("width", 10) .attr("height", 10*multiplier) .attr("fill", '#f14853') .attr("stroke", "black") .attr("stroke-width", 1).style("opacity", 0.35); return svg.node(); }36:[{"id":"9844b20a37fb01cf9b350ecb577bd0c0b408fe8f21b2ee7268220e1850a11f890f107aee6afc4d6831a0ea1294b17849ec89297264d1fc9e56fa6aeed9a6bd48","href":"https://static.observableusercontent.com/files/9844b20a37fb01cf9b350ecb577bd0c0b408fe8f21b2ee7268220e1850a11f890f107aee6afc4d6831a0ea1294b17849ec89297264d1fc9e56fa6aeed9a6bd48","name":"kdaavgNA.csv","type":"text/csv","lastModified":1616399695543.881,"size":1609},{"id":"57e7836e51933469e1a41c6beaac6675b7057571b83f4ff0eaa3ec4e2a977e791167cba9a1c6860127f17572414492c752c2c19f600e1784c4d4148d2a37723a","href":"https://static.observableusercontent.com/files/57e7836e51933469e1a41c6beaac6675b7057571b83f4ff0eaa3ec4e2a977e791167cba9a1c6860127f17572414492c752c2c19f600e1784c4d4148d2a37723a","name":"aimNA.csv","type":"text/csv","lastModified":1616399695552.239,"size":1952},{"id":"61d8511afcafca384d0680fd38bc67cdb226987d908de083cd3ee3d122a22b9cb5d022a6165386b8ce117ac1f9e15515eb31bd1ebd980a5e063c245fd74dbec9","href":"https://static.observableusercontent.com/files/61d8511afcafca384d0680fd38bc67cdb226987d908de083cd3ee3d122a22b9cb5d022a6165386b8ce117ac1f9e15515eb31bd1ebd980a5e063c245fd74dbec9","name":"killsavgNA.csv","type":"text/csv","lastModified":1616399695527.956,"size":1483},{"id":"4b64320c202687b597dd78a91949ac30399317c9c0215cf32e1080c7588f4d693a7f8b865542f299f0ca436159b91a5fb4803e321d80db2282268dc9289ae4ec","href":"https://static.observableusercontent.com/files/4b64320c202687b597dd78a91949ac30399317c9c0215cf32e1080c7588f4d693a7f8b865542f299f0ca436159b91a5fb4803e321d80db2282268dc9289ae4ec","name":"agentHavenJP.csv","type":"text/csv","lastModified":1616457981123.045,"size":242},{"id":"9176685cc7c7548171f3a329eb49c13161651d4a80858f00623b15d777681666307261c1c821d9a07686f6aa380890c675e8719b9cb44e9775f2b81148be12a4","href":"https://static.observableusercontent.com/files/9176685cc7c7548171f3a329eb49c13161651d4a80858f00623b15d777681666307261c1c821d9a07686f6aa380890c675e8719b9cb44e9775f2b81148be12a4","name":"agentHavenLN.csv","type":"text/csv","lastModified":1616457980080.694,"size":229},{"id":"91d525c803cd8978daa1144dae32804674e951064b3f052cd4618a55b8da979723a589e8f982afafc942c613443018655b8c0ffdfd975bcb68315f8a6838d154","href":"https://static.observableusercontent.com/files/91d525c803cd8978daa1144dae32804674e951064b3f052cd4618a55b8da979723a589e8f982afafc942c613443018655b8c0ffdfd975bcb68315f8a6838d154","name":"defusalsavgNA.csv","type":"text/csv","lastModified":1616399695301.672,"size":1361},{"id":"9e0f8666f5dbad6831043cdaeca0ebf2ef554594efa692180457b7896dcd855c1ac0c213a312236cb5295624a2b3f42021ee5f40e30869b102c16350ac60925c","href":"https://static.observableusercontent.com/files/9e0f8666f5dbad6831043cdaeca0ebf2ef554594efa692180457b7896dcd855c1ac0c213a312236cb5295624a2b3f42021ee5f40e30869b102c16350ac60925c","name":"clutchesNA.csv","type":"text/csv","lastModified":1616399695277.247,"size":1155},{"id":"f663eea346c9a47a20e68e6128afae1611e33d0f62f5c311a00a80d6ecad84e00f1088eeedefb3bbed368b9ff650ca1b66d2c606c5b63f4b51f47c237f1f8375","href":"https://static.observableusercontent.com/files/f663eea346c9a47a20e68e6128afae1611e33d0f62f5c311a00a80d6ecad84e00f1088eeedefb3bbed368b9ff650ca1b66d2c606c5b63f4b51f47c237f1f8375","name":"headshotsavgNA.csv","type":"text/csv","lastModified":1616399695276.357,"size":1468},{"id":"e6ed0da511611c4e7f49f71979e0d52d17ed649296054771b11a594fbacaaaf3e9f96d372a1e682e1bc09af00b3b5cf6c057b3ffb28b6bfa174b57a5c4d3e726","href":"https://static.observableusercontent.com/files/e6ed0da511611c4e7f49f71979e0d52d17ed649296054771b11a594fbacaaaf3e9f96d372a1e682e1bc09af00b3b5cf6c057b3ffb28b6bfa174b57a5c4d3e726","name":"acsNA.csv","type":"text/csv","lastModified":1616399695544.305,"size":1238},{"id":"90db39e31509183b289d8ed861b977f48964128c9dbb7f997aa7c0ecd9ed77ed055420346c6c8b4cd278b0fc3f684d466037f68401e1fbd8959f443c4f9452a5","href":"https://static.observableusercontent.com/files/90db39e31509183b289d8ed861b977f48964128c9dbb7f997aa7c0ecd9ed77ed055420346c6c8b4cd278b0fc3f684d466037f68401e1fbd8959f443c4f9452a5","name":"damageavgNA.csv","type":"text/csv","lastModified":1616399695545.216,"size":1656},{"id":"433c53ab8e164aba4947cef7d837bc4cbf6748ca38b538366ab8e880cee0c8484cc50cc5cbf317e634b5f9136eb027248ed741e4209f6ed978a9e567d88e153c","href":"https://static.observableusercontent.com/files/433c53ab8e164aba4947cef7d837bc4cbf6748ca38b538366ab8e880cee0c8484cc50cc5cbf317e634b5f9136eb027248ed741e4209f6ed978a9e567d88e153c","name":"plantsavgNA.csv","type":"text/csv","lastModified":1616399695549.818,"size":1400},{"id":"6a77190ef80db718a087b6986bb0df8f0a66eb12e6a832fc5d0430987722f42838573805635682720e852bf4db69070d2b7adb8354882e8c6c61164c80a2f35b","href":"https://static.observableusercontent.com/files/6a77190ef80db718a087b6986bb0df8f0a66eb12e6a832fc5d0430987722f42838573805635682720e852bf4db69070d2b7adb8354882e8c6c61164c80a2f35b","name":"spendavgNA.csv","type":"text/csv","lastModified":1616399695578.016,"size":1618},{"id":"0e215d848197f62e2a257a00dc27c6ad0936fe2f676c95b92da9c0c8e15590295d6dda1bc1884692ce223db423252821ceee786977b0871809d334ff9b115ab7","href":"https://static.observableusercontent.com/files/0e215d848197f62e2a257a00dc27c6ad0936fe2f676c95b92da9c0c8e15590295d6dda1bc1884692ce223db423252821ceee786977b0871809d334ff9b115ab7","name":"assistsavgNA.csv","type":"text/csv","lastModified":1616399695672.787,"size":1422},{"id":"314e3fcc9879341699c5bde69052337dac6736b8a1bf1544277f25d790958ce816ff055c8467f2e65fe529e25886b4a9046797e29a69a177e1a50b1f646fa693","href":"https://static.observableusercontent.com/files/314e3fcc9879341699c5bde69052337dac6736b8a1bf1544277f25d790958ce816ff055c8467f2e65fe529e25886b4a9046797e29a69a177e1a50b1f646fa693","name":"multi-killsavgNA.csv","type":"text/csv","lastModified":1616399695684.781,"size":1425},{"id":"e4972701f038dd26eaa2fd0526a94d9b6b119fa2fb82cb4818af530bcf28669015b6ae67e8cd3e8c0e389f584ce43b51cb29876a8c47899d5d602e67a277cecd","href":"https://static.observableusercontent.com/files/e4972701f038dd26eaa2fd0526a94d9b6b119fa2fb82cb4818af530bcf28669015b6ae67e8cd3e8c0e389f584ce43b51cb29876a8c47899d5d602e67a277cecd","name":"weapon-picksNA.csv","type":"text/csv","lastModified":1616399695684.782,"size":16975},{"id":"607896b4e22ee2ae3db05eb9071e70123cf4b4f907d8cd45e40164dbbec6c7297b6ac7f06a767a549659578a42e1fe6d75e24616a3e45a735f886331da491ea8","href":"https://static.observableusercontent.com/files/607896b4e22ee2ae3db05eb9071e70123cf4b4f907d8cd45e40164dbbec6c7297b6ac7f06a767a549659578a42e1fe6d75e24616a3e45a735f886331da491ea8","name":"teamsNA.csv","type":"text/csv","lastModified":1616400270448.448,"size":147},{"id":"083adb77b72f59a53a7b460559354c5499575ee4cae5cce58eb2f562537ca1b8cfc51af517aa3eb9d6ca1be138f4b1e0b1c26011eab621a9ae9752d8a3a08204","href":"https://static.observableusercontent.com/files/083adb77b72f59a53a7b460559354c5499575ee4cae5cce58eb2f562537ca1b8cfc51af517aa3eb9d6ca1be138f4b1e0b1c26011eab621a9ae9752d8a3a08204","name":"agentHavenTR.csv","type":"text/csv","lastModified":1616457980124.786,"size":220},{"id":"cc36cc169083e056c12d6cba321f0fe67e04f806ce60e79b8309a63d1216df39c3e784fcd3898b3db0f17a6ef127fa4ddc76f63b08dc1b3feeb6a784bcade1e3","href":"https://static.observableusercontent.com/files/cc36cc169083e056c12d6cba321f0fe67e04f806ce60e79b8309a63d1216df39c3e784fcd3898b3db0f17a6ef127fa4ddc76f63b08dc1b3feeb6a784bcade1e3","name":"agentHavenNA.csv","type":"text/csv","lastModified":1616457980076.616,"size":237},{"id":"3bb2ef7a265fc5e69687f29d52e064ff4d9a2abc0660d0111501527a2ca5a0bfd50801cf8cc84d97846d449ceb2a2c4a28ed1467e1eaa84ad0165bbb10b60726","href":"https://static.observableusercontent.com/files/3bb2ef7a265fc5e69687f29d52e064ff4d9a2abc0660d0111501527a2ca5a0bfd50801cf8cc84d97846d449ceb2a2c4a28ed1467e1eaa84ad0165bbb10b60726","name":"agentHavenCIS.csv","type":"text/csv","lastModified":1616457980092.706,"size":223},{"id":"534e198646bb980c6f89f26869efc7f5685a3e3a6fb01415927b53d1efeb19975d8fb6d7813f3ab603fdb8f00ac114dabbfb05197b492f6a009bce4a9dc0b6e7","href":"https://static.observableusercontent.com/files/534e198646bb980c6f89f26869efc7f5685a3e3a6fb01415927b53d1efeb19975d8fb6d7813f3ab603fdb8f00ac114dabbfb05197b492f6a009bce4a9dc0b6e7","name":"agentHavenKR.csv","type":"text/csv","lastModified":1616457980094.436,"size":201},{"id":"63c3a7ffa37672fb7975cdb39e5cf11e3724f6729710bfa0900dc5954ea7b88b50aa28cc81714dd4998fa83c2b40668cf0226f7cd459ea5af651faa821f0076c","href":"https://static.observableusercontent.com/files/63c3a7ffa37672fb7975cdb39e5cf11e3724f6729710bfa0900dc5954ea7b88b50aa28cc81714dd4998fa83c2b40668cf0226f7cd459ea5af651faa821f0076c","name":"agentHavenEU.csv","type":"text/csv","lastModified":1616457980139.833,"size":240},{"id":"7ff5ec43c2673183b03bbd4e381f6ca03e2b2963c7c5a717f04ee01e61dc22ef5dac338ee8e9c6a0dc20d29c535e767cf779484de9d1986407f8f54b538c9c23","href":"https://static.observableusercontent.com/files/7ff5ec43c2673183b03bbd4e381f6ca03e2b2963c7c5a717f04ee01e61dc22ef5dac338ee8e9c6a0dc20d29c535e767cf779484de9d1986407f8f54b538c9c23","name":"agentHavenBR.csv","type":"text/csv","lastModified":1616457980085.375,"size":219},{"id":"9d879ad7a0c1ae3ef404bf394e1d934d54fbc82dee6a87c31e9acf3170f3597173064ebfc414b5edfa7fdb5d51455a66d926be5f0b32c348a469ff076a7c5afb","href":"https://static.observableusercontent.com/files/9d879ad7a0c1ae3ef404bf394e1d934d54fbc82dee6a87c31e9acf3170f3597173064ebfc414b5edfa7fdb5d51455a66d926be5f0b32c348a469ff076a7c5afb","name":"agent-picksNA.csv","type":"text/csv","lastModified":1616399695554.91,"size":3031}] 2f:{"title":"Masters 1 - Master Notebook","cells":[{"id":0,"value":"md`# Masters 1 - Master Notebook`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"// Data importing","pinned":true,"hidden":false,"mode":"ojs"},{"id":105,"value":"openingBanner = {\n let svg = d3.create('svg').style(\"background-color\", 'white').attr(\"preserveAspectRatio\", \"none\")\n .attr(\"viewBox\", \"0 0 963 300\")\n \n let barWidth = 963/8;\n for (let i = 0; i < teamsNA.length; i++) {\n svg.append('rect')\n .attr('x', barWidth*i)\n .attr('y', 0)\n .attr('width', barWidth)\n .attr('height', 300).attr(\"stroke\", 'black')\n .attr('fill', teamColors[teamsNA[i].Name]);\n \n }\n \n svg.append('rect')\n .attr('x', 0)\n .attr('y', 110)\n .attr('width', 963)\n .attr('height', 80)\n .attr('fill', 'white') .style(\"opacity\", 0.8);\n\n for (let i = 0; i < teamsNA.length; i++) {\n svg.append(\"image\")\n .attr(\"xlink:href\", teamLogos[teamsNA[i].Name])\n .attr(\"x\", barWidth*i)\n .attr(\"y\", 110)\n .attr(\"width\", barWidth)\n .attr(\"height\", 80);\n }\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":649,"value":"function compareACS(a, b) {\n if (a.Acs > b.Acs) {\n return -1;\n }\n if (a.Acs <= b.Acs) {\n return 1;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":654,"value":"allfilData = acsNA.sort(compareACS);","pinned":true,"hidden":false,"mode":"ojs"},{"id":657,"value":"sliceData = allfilData.slice(0, 17)","pinned":true,"hidden":false,"mode":"ojs"},{"id":660,"value":"filteredData = sliceData.filter(item => item.Ign !== searchACS[0].Ign);","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"viewof searchACS = Inputs.Search(acsNA, {placeholder: \"Search for Player\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":148,"value":"md`# Agent Diversity Across Regions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"md`## Team Iconography`","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"regions = [\"North America\", \"Europe\", \"Brazil\", \"Turkey\", \"Japan\", \"Korea\", \"CIS\", \"Latam North\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":180,"value":"mutable selectedregionone = \"Europe\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"mutable selectedregiontwo = \"North America\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":626,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":415,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":451,"value":"scaleHeight = d3.scaleLinear()\n .domain([-100, 100])\n .range([-200,200])","pinned":true,"hidden":false,"mode":"ojs"},{"id":453,"value":"Math.abs(scaleHeight(regiononeAgentData.find(a => a.Agent === \"Omen\").Percentage))","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"regiononeAgentData = regionHavenData[selectedregionone]","pinned":true,"hidden":false,"mode":"ojs"},{"id":449,"value":"regiontwoAgentData = regionHavenData[selectedregiontwo]","pinned":true,"hidden":false,"mode":"ojs"},{"id":224,"value":"agents = fetch(\"https://valorant-api.com/v1/agents\")\n.then(response => {\n return response.json();\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":230,"value":"agentNames = [...new Set(agents.data.map(a=>a.displayName))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":391,"value":"agentIcon = [...new Set(agents.data.map(a=>a.displayIcon))]","pinned":true,"hidden":false,"mode":"ojs"},{"id":203,"value":"regionHavenData = {\n return { \"North America\" : havenNA, \"Europe\" : havenEU, \"Brazil\" : havenBR, \"Turkey\" : havenTR, \"Japan\" : havenJP, \"Korea\" : havenKR, \"CIS\": havenCIS, \"Latam North\" : havenLN }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"havenNA = d3.csvParse(await FileAttachment(\"agentHavenNA.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":160,"value":"havenJP = d3.csvParse(await FileAttachment(\"agentHavenJP.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":163,"value":"havenLN = d3.csvParse(await FileAttachment(\"agentHavenLN.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":165,"value":"havenBR = d3.csvParse(await FileAttachment(\"agentHavenBR.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":168,"value":"havenCIS = d3.csvParse(await FileAttachment(\"agentHavenCIS.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":170,"value":"havenKR = d3.csvParse(await FileAttachment(\"agentHavenKR.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":172,"value":"havenTR = d3.csvParse(await FileAttachment(\"agentHavenTR.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"havenEU = d3.csvParse(await FileAttachment(\"agentHavenEU.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"teamColors = {\nreturn {\"Sentinels\" : \"#ce0037\", \"Team Envy\" : \"#000000\", \"Immortals\" : \"#03b1a9\", \"FaZe Clan\": \"#e43d2f\", \"100 Thieves\" : \"#ea3333\", \"Luminosity Gaming\": \"#3cbcdc\", \"XSET\": \"#f40f30\", \"Gen.G Esports\": \"#ab8b2f\"}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":103,"value":"teamLogos = {\n return {\"Sentinels\" : \"https://owcdn.net/img/5f25fa763f7ad.png\", \"Team Envy\" : \"https://owcdn.net/img/5f3ca822464a3.png\", \"Immortals\" : \"https://owcdn.net/img/602e1b45e079f.png\", \"FaZe Clan\": \"https://owcdn.net/img/5ef51451b0601.png\", \"100 Thieves\" : \"https://owcdn.net/img/603c00d5c5a08.png\", \"Luminosity Gaming\": \"https://owcdn.net/img/5f36ec1f4ab21.png\", \"XSET\": \"https://owcdn.net/img/5f9725636681d.png\", \"Gen.G Esports\": \"https://owcdn.net/img/5f308c5756db6.png\"}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":93,"value":"players = clutchNA.map(p => p.Ign)","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"playerTeams = {\n let toReturn = [];\n for (let i = 0; i < teamsNA.length; i++) {\n let teamName = teamsNA[i].Name\n let toFind = clutchNA.filter(c => c.Team === teamName);\n toReturn.push({[teamName]: toFind.map(p => p.Ign)})\n }\n return toReturn\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"teamsNA = d3.csvParse(await FileAttachment(\"teamsNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"clutchNA = d3.csvParse(await FileAttachment(\"clutchesNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"headshotNA = d3.csvParse(await FileAttachment(\"headshotsavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"killsNA = d3.csvParse(await FileAttachment(\"killsavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"defusalNA = d3.csvParse(await FileAttachment(\"defusalsavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"kdNA = d3.csvParse(await FileAttachment(\"kdaavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"acsNA = d3.csvParse(await FileAttachment(\"acsNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"damageNA = d3.csvParse(await FileAttachment(\"damageavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"plantsNA = d3.csvParse(await FileAttachment(\"plantsavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"aimNA = d3.csvParse(await FileAttachment(\"aimNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"agentpicksNA = d3.csvParse(await FileAttachment(\"agent-picksNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"spendNA = d3.csvParse(await FileAttachment(\"spendavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"weaponpicksNA = d3.csvParse(await FileAttachment(\"weapon-picksNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"multikillsNA = d3.csvParse(await FileAttachment(\"multi-killsavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"assistsNA = d3.csvParse(await FileAttachment(\"assistsavgNA.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"async function addWebFont(selection, fontName, fontURL, fontType = 'woff2') {\n const fontData = await toDataURL(fontURL);\n return selection.append('style').text(`\n @font-face {\n font-family: '${fontName}';\n src: url(${fontData}) format('${fontType}');\n }\n `);\n};","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"\n async function toDataURL(url) {\n return new Promise(async(resolve, reject) => {\n const res = await fetch(url);\n if(!res.ok) return reject(`Error: ${res.status} ${res.statusText}`);\n const blob = await res.blob();\n const reader = new FileReader();\n reader.readAsDataURL(blob);\n reader.onloadend = () => resolve(reader.result);\n });\n}\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":135,"value":"Inputs = require(\"@observablehq/inputs@0.7.17/dist/inputs.umd.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"// used to import d3\nd3 = require('d3@v6')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}