2d:null 2e:["$","title",null,{"children":"Raided GW2 | Jason Chow | Observable"}] 33:Tc9b,viewof selectedBoss = html` `34:T403,viewof controls = inputsGroup([[ rangeSlider({ title: 'Player counts', min: 1, max: 10, precision: 0, separator: '-' }), select({ title: 'Filter records?', options: [ {label: 'None', value: null}, {label: 'DPS Only', value: 'dps'}, {label: 'Support Only', value: 'support'} ] }), radio({ title: 'Records DPS normalization', options: [ { label: 'None', value: 'None' }, { label: 'Proportion Correction', value: 'propCorr' } ], value: 'None' })],[ date({ title: "Oldest date", value: "2020-05-25", description: "Server time", display: x => "" }), date({ title: "Latest date", value: today, description: 'Server time', display: x => "" }), select({ title: 'Team', options: [ {label: 'All', value: null}, {label: 'Rotato', value: 'rotato'}, {label: 'The Scuffening', value: 'scuff'}, {label: "Randoms", value: 'rando'} ], description: 'Filter team' }) ]])35:T13f5,plot = { if (localStorage.getItem("ElementalistIcon") === null) { // Get a list of professions let profs = await $.get("https://api.guildwars2.com/v2/professions"); // Build icons for each spec let prof; for (let i = 0; i < profs.length; i++) { prof = await $.get( "https://api.guildwars2.com/v2/professions/" + profs[i] ); localStorage.setItem(profs[i] + "Icon", prof.icon); // Get elite specs let specs = prof.specializations; let spec; for (let j = 0; j < specs.length; j++) { try { spec = await $.get( "https://api.guildwars2.com/v2/specializations/" + specs[j] ); if (spec.elite) { localStorage.setItem(spec.name + "Icon", spec.profession_icon); } } catch (error) { console.log("Failed to get specialization " + specs[j]); } } } } let svg = DOM.svg( totalWidth, totalHeight + encHeight + controlHeight + linkSize + padding ); let svg_elem = d3.select(svg); let table = svg_elem .append("g") .attr("transform", "translate(" + padding + "," + padding + ")"); let bossName = availableBosses.filter((x) => x.value == selectedBoss)[0] .label; table .append("text") .text(bossName) .attr("font-size", 20) .attr("dy", rowHeight); let headerGroup = table .append("g") .attr("id", "encHeader") .attr("transform", "translate(0," + rowHeight + ")"); let tableGroup = table .append("g") .attr("id", "encTable") .attr("transform", "translate(0," + 2 * rowHeight + ")"); let pageGroup = table .append("g") .attr("id", "tableControl") .attr("transform", "translate(" + padding + "," + totalHeight + ")"); // Back button pageGroup .append("svg:image") .attr( "xlink:href", "https://wiki.guildwars2.com/images/5/5a/Game_menu_return_icon.png" ) .attr("x", totalWidth / 2 - 68) .attr("y", -34) .attr("class", "clickable") .style("-webkit-filter", (d) => (currentPage == 1 ? "opacity(25%)" : "")) .style("filter", (d) => (currentPage == 1 ? "opacity(25%)" : "")) .on("click", (d) => { mutable currentPage -= currentPage != 1 ? 1 : 0; }); // Forward button pageGroup .append("svg:image") .attr("transform", "rotate(180)") .attr( "xlink:href", "https://wiki.guildwars2.com/images/5/5a/Game_menu_return_icon.png" ) .attr("x", -totalWidth / 2 - 4) .attr("class", "clickable") .style("-webkit-filter", (d) => currentPage == totalPages ? "opacity(25%)" : "" ) .style("filter", (d) => (currentPage == totalPages ? "opacity(25%)" : "")) .on("click", (d) => { mutable currentPage += currentPage != totalPages ? 1 : 0; }); encounterTable(tableGroup); tableHeader(headerGroup); let encounter = svg_elem .append("g") .attr( "transform", "translate(" + padding + "," + (controlHeight + totalHeight) + ")" ); encounter .append("svg:image") .attr( "xlink:href", "https://wiki.guildwars2.com/images/d/d3/LFG_UI_Raids_icon.png" ) .attr("x", -5) .attr("y", -9) .attr("class", "clickable") .on("click", (d) => window.open(selectedEncData.permalink)); encounter .append("text") .text(toLongDate(selectedEncData.date)) .attr("x", 25) .attr("y", 14) .attr("font-size", 20) .attr("class", "clickable") .on("click", (d) => window.open(selectedEncData.permalink)); let subgroupBool = subgroupTrans.length == 1 && subgroupCounts[Object.keys(subgroupCounts)[0]] > 5; let barYTrans = subgroupBool ? encPlayerHeight * 2 + padding : subgroupTrans[subgroupTrans.length - 1] + encPlayerHeight + padding; let barGroup = encounter .append("g") .attr("id", "encBar") .attr("transform", "translate(0," + barYTrans + ")"); let compGroup = encounter .append("g") .attr("id", "encCom") .attr("transform", "translate(0," + 20 + ")"); let pieGroup = encounter .append("g") .attr("id", "encPie") .attr( "transform", "translate(" + (encBarWidth - pieRad * 2 - padding + 32) + "," + (subgroupTrans[subgroupTrans.length - 1] + encPlayerHeight + encBarHeight - pieRad * 2) + ")" ); encComp(compGroup); encBar(barGroup); dpsPies(pieGroup); // Link at bottom let selectionLink = generateLink(selectedBoss, selectedEncID, playerSelected); encounter .append("text") .attr("transform", "translate(0," + encHeight + ")") .text(selectionLink) .attr("x", 0) .attr("y", 14) .attr("font-size", linkSize) .attr("fill", "gray"); let records = svg_elem .append("g") .attr( "transform", "translate(" + (encWidth + padding) + "," + (controlHeight + totalHeight) + ")" ); records .append("text") .text("Records (Top 15)") .attr("y", 15) .attr("font-size", 20); recordsBar(records); return svg; }36:T137d,function recordsBar(inputGroup) { // Prepare tooltip group with a rectangle var tooltip = inputGroup.append('g').attr('class', 'tooltip').attr('visibility', 'hidden') // Add background box tooltip.append('rect') .attr('width', 20) .attr('height', 20) .attr('stroke', 'black') .attr('fill', d3.hcl(0, 0, 95)) .attr('stroke', d3.hcl(0, 0, 60)) // Create placeholder text tooltip.append('text') .attr('dy', 14) .attr('x', 2) .attr('font-size', 12) function mouseOverBar(d) { let mouseText = "Total: "+d3.format('.3~s')(d.totalDPS)+ " ("+d3.format('.3~s')(d.powerDPS)+ " | "+d3.format('.3~s')(d.condiDPS)+') '+ d3.format('.1f')(100*d.totalDPS/d.teamDPS)+ '% DPS' let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseOverText(d) { let mouseText = "Duration: "+makeDurString(d.duration)+" ("+toDate(d.date)+')' let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMove(d, i) { let mousePos = d3.mouse(inputGroup.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width let leftRight = encBarWidth/2 < mousePos[0] ? -(tooltipWidth+10) : 10 tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]-15)+')') } let recordBars = inputGroup.append('g') .selectAll('empty').data(recordsData).enter() .append('g') .attr('transform', (d, i) => 'translate(0,'+recordsYScale(i)+')') .attr('class', 'clickable') .on('mousemove', mouseMove) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('click', d => { if (selectedEncID !== d.encID) { mutable currentPage = Math.floor(encounterData.findIndex(x => x.id == d.encID)/10)+1 mutable selectedEncID = d.encID mutable playerSelected = [] } else { mutable playerSelected = d.accountName } }) .on('dblclick', d => {mutable playerSelected = ""}) // Power component of dps bar recordBars.append('rect') .attr('width', d => recordsXScale(d.powerDPS)) .attr('height', recordsYScale.bandwidth()) .attr('x', recordsYScale.step()-5) .attr('fill', d3.hcl(231, 40, 60)) .attr('stroke', 'black') // Condi component of dps bar recordBars.append('rect') .attr('width', d => recordsXScale(d.condiDPS)) .attr('height', recordsYScale.bandwidth()) .attr('x', d => recordsXScale(d.powerDPS)+recordsYScale.step()-5) .attr('fill', d3.hcl(360, 50, 55)) .attr('stroke', 'black') // Fade out box recordBars.append('rect') .attr('width', d => recordsXScale(d.totalDPS)+2) .attr('height', recordsYScale.bandwidth()+2) .attr('x', recordsYScale.step()-6) .attr('y', -1) .attr('fill', 'white') .attr('opacity', d => { if (playerSelected.length == 0) { return 0 } else { return (playerSelected.includes(d.accountName) && d.encID == selectedEncID) ? 0 : 0.8 } }) .on('mouseover', mouseOverBar) // Name and date text recordBars.append('text') .text(d => d.accountName+' ('+toDate(d.date)+')') .attr('x', recordsYScale.step()-2) .attr('y', 26) .attr('font-size', 14) // Fade out box recordBars.append('rect').attr('class', 'notHighlight') .attr('width', recordsWidth*.6) .attr('height', 20) .attr('x', recordsYScale.step()-2) .attr('y', encBarYScale.bandwidth()) .attr('fill', 'white') .attr('opacity', d => { if (playerSelected.length == 0) { return 0 } else { return (playerSelected.includes(d.accountName) && d.encID == selectedEncID) ? 0 : 0.8 } }) .attr('class', 'clickable') .on('mouseover', mouseOverText) // Profession icon background recordBars.append('rect') .attr('width', recordsYScale.step()-5) .attr('height', recordsYScale.step()-5) .attr('fill', d => d.encID == selectedEncID ? d3.cubehelix(subgroupScale(d.subgroup), 2, 0.7) : d3.hcl(200, 0, 90)) .attr('stroke', 'black') // Profession icon recordBars.append('svg:image') .attr('xlink:href', d => localStorage.getItem(d.specialization+'Icon')) .attr('height', recordsYScale.step()-5) // Fade out boxes for profession icon recordBars.append('rect') .attr('width', recordsYScale.step()-3) .attr('height', recordsYScale.step()-3) .attr('x', -1) .attr('y', -1) .attr('fill', 'white') .attr('opacity', d => { if (playerSelected.length == 0) { return 0 } else { return (playerSelected.includes(d.accountName) && d.encID == selectedEncID) ? 0 : 0.8 } }) .on('mouseover', mouseOverBar) d3.select(tooltip.node()).raise() }37:Te44,function encComp(inputGroup) { // Prepare tooltip group with a rectangle var tooltip = inputGroup.append('g').attr('class', 'tooltip').attr('visibility', 'hidden') // Add background box tooltip.append('rect') .attr('width', 20) .attr('height', 20) .attr('stroke', 'black') .attr('fill', d3.hcl(0, 0, 95)) .attr('stroke', d3.hcl(0, 0, 60)) // Create placeholder text tooltip.append('text') .attr('dy', 14) .attr('x', 2) .attr('font-size', 12) function mouseOver(d) { let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(d.accountName).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMove(d, i) { let mousePos = d3.mouse(inputGroup.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width let leftRight = encBarWidth/2 < mousePos[0] ? -(tooltipWidth+10) : 10 tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]-15)+')') } let compGroup = inputGroup.append('g').selectAll('empty').data(Object.keys(subgroupCounts).map(x => Number(x))).enter() .append('g').attr('transform', (d, i) => 'translate(0,'+subgroupTrans[i]+')').attr('class', 'clickable') // Each subgroup row let subGroup = compGroup.append('g') .selectAll('empty').data(d => selectedEncData.entries.filter(x => x.subgroup == d)).enter() .append('g') .attr('transform', (d, i) => i < 5 ? 'translate('+(i*encPlayerWidth)+','+0+')' : 'translate('+((i-5)*encPlayerWidth)+','+encPlayerHeight+')') .on('mouseover', mouseOver) .on('mousemove', mouseMove) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('click', d => {mutable playerSelected = [d.accountName]}) .on('dblclick', d => {mutable playerSelected = []}) // Individual background color subGroup.append('rect') .attr('width', encPlayerWidth) .attr('height', encPlayerHeight) .attr('fill', d => d3.cubehelix(subgroupScale(d.subgroup), 2, 0.7)) .attr('stroke', 'black') // Weapons let weaponsGroup = subGroup.append('g') .attr('transform', 'translate(38, 5)') weaponsGroup.append('svg:image') .attr('xlink:href', d => weaponIcons[d.weapons1Main]) .attr('height', 27) weaponsGroup.append('svg:image') .attr('xlink:href', d => weaponIcons[d.weapons1Off]) .attr('height', 27) .attr('x', 27) weaponsGroup.append('svg:image') .attr('xlink:href', d => weaponIcons[d.weapons2Main]) .attr('height', 27) .attr('y', 30) weaponsGroup.append('svg:image') .attr('xlink:href', d => weaponIcons[d.weapons2Off]) .attr('height', 27) .attr('x', 27) .attr('y', 30) // Individual profession icons subGroup.append('svg:image') .attr('xlink:href', d => localStorage.getItem(d.specialization+'Icon')) .attr('height', 32) .attr('x', 4) .attr('y', 0) // Individual stat icon subGroup.append('svg:image') .attr('xlink:href', d => statIcons[d.buildStats.split('-')[0]]) .attr('x', 11) .attr('y', 38) // Individual tank icon subGroup.append('svg:image') .attr('xlink:href', d => d.buildStats.includes('toughness') ? statIcons[d.buildStats.split('-')[1]] : '') .attr('x', 20) .attr('y', 20) // Gray out box subGroup.append('rect') .attr('width', encPlayerWidth) .attr('height', encPlayerHeight) .attr('fill', 'white') .attr('opacity', d => (playerSelected.includes(d.accountName) || playerSelected.length == 0) ? 0 : 0.8) d3.select(tooltip.node()).raise() }38:Te8c,function encBar(inputGroup) { // Prepare tooltip group with a rectangle var tooltip = inputGroup.append('g').attr('class', 'tooltip').attr('visibility', 'hidden') // Add background box tooltip.append('rect') .attr('width', 20) .attr('height', 20) .attr('stroke', 'black') .attr('fill', d3.hcl(0, 0, 95)) .attr('stroke', d3.hcl(0, 0, 60)) // Create placeholder text tooltip.append('text') .attr('dy', 14) .attr('x', 2) .attr('font-size', 12) function mouseOver(d) { let mouseText = "Total: "+d3.format('.3~s')(d.totalDPS)+ " ("+d3.format('.3~s')(d.powerDPS)+ " | "+d3.format('.3~s')(d.condiDPS)+')' let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMove(d, i) { let mousePos = d3.mouse(inputGroup.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width let leftRight = encBarWidth/2 < mousePos[0] ? -(tooltipWidth+10) : 10 tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]-15)+')') } // Bar for each player let encBarGroup = inputGroup.append('g') .selectAll('empty').data(selectedEncData.entries).enter() .append('g') .attr('transform', (d, i) => 'translate(0,'+encBarYScale(i)+')') .attr('class', 'clickable') .on('mouseover', mouseOver) .on('mousemove', mouseMove) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('click', d => {mutable playerSelected = d.accountName}) .on('dblclick', d => {mutable playerSelected = []}) // Power componnet of dps bar encBarGroup.append('rect') .attr('width', d => encBarXScale(d.powerDPS)) .attr('height', encBarYScale.bandwidth()*.7) .attr('x', 32) .attr('fill', d3.hcl(231, 40, 60)) .attr('stroke', 'black') // Condi component of dps bar encBarGroup.append('rect') .attr('width', d => encBarXScale(d.condiDPS)) .attr('height', encBarYScale.bandwidth()*.7) .attr('x', d => encBarXScale(d.powerDPS)+32) .attr('fill', d3.hcl(360, 50, 55)) .attr('stroke', 'black') // Profession icon background encBarGroup.append('rect') .attr('width', 32) .attr('height', 32) .attr('fill', d => d3.cubehelix(subgroupScale(d.subgroup), 2, 0.7)) .attr('stroke', 'black') // Profession icon encBarGroup.append('svg:image') .attr('xlink:href', d => localStorage.getItem(d.specialization+'Icon')) .attr('height', 32) // Fade out box encBarGroup.append('rect') .attr('width', 34) .attr('height', 34) .attr('x', -1) .attr('y', -1) .attr('fill', 'white') .attr('opacity', d => (playerSelected.includes(d.accountName)||playerSelected.length == 0) ? 0 : 0.8) // Name and % of total dps text encBarGroup.append('text') .text(d => barTextMaker(d)) .attr('x', 35) .attr('y', encBarYScale.bandwidth()+12) .attr('font-size', 14) // Fade out box encBarGroup.append('rect') .attr('width', encBarWidth*.7) .attr('height', 20) .attr('x', 35) .attr('y', encBarYScale.bandwidth()) .attr('fill', 'white') .attr('opacity', d => (playerSelected.includes(d.accountName)||playerSelected.length == 0) ? 0 : 0.8) // Fade out box encBarGroup.append('rect') .attr('width', d => encBarXScale(d.totalDPS)+2) .attr('height', (encBarYScale.bandwidth()*.7+2)) .attr('x', 32) .attr('y', -1) .attr('fill', 'white') .attr('opacity', d => (playerSelected.includes(d.accountName)||playerSelected.length == 0) ? 0 : 0.8) d3.select(tooltip.node()).raise() }39:T82a,function dpsPies(inputGroup) { let pies = inputGroup.append('g') .attr('transform', 'translate('+pieRad+','+pieRad+')') // Prepare tooltip group with a rectangle var tooltip = inputGroup.append('g').attr('class', 'tooltip').attr('visibility', 'hidden') // Add background box tooltip.append('rect') .attr('width', 20) .attr('height', 20) .attr('stroke', 'black') .attr('fill', d3.hcl(0, 0, 95)) .attr('stroke', d3.hcl(0, 0, 60)) // Create placeholder text tooltip.append('text') .attr('dy', 14) .attr('x', 2) .attr('font-size', 12) function mouseOnDist(d) { let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(d.data+': '+d3.format(',')(d.value)).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseOnGroup(d) { let text = tooltip.attr('visibility', 'visible') .selectAll('text').text('Subgroup '+d.data+' DPS: '+d3.format(',')(d.value)).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMove(d, i) { let mousePos = d3.mouse(inputGroup.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width tooltip.attr('transform', 'translate('+((mousePos[0])-tooltipWidth-10)+','+ (mousePos[1]-15)+')') } // Power/Condi distribution pie pies.selectAll('empty').data(dpsDistArcs).join('path') .attr('d', dpsDistArc) .attr('fill', (d, i) => [d3.hcl(231, 40, 60), d3.hcl(360, 50, 55)][i]) .attr('stroke', 'white') .attr('stroke-width', 2) .on('mouseover', mouseOnDist) .on('mousemove', mouseMove) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) // Subgroup dps distribution pie pies.selectAll('empty').data(dpsGroupArcs).join('path') .attr('d', dpsGroupArc) .attr('fill', d => d3.cubehelix(subgroupScale(d.data), 2, 0.7)) .attr('stroke', 'black') .on('mouseover', mouseOnGroup) .on('mousemove', mouseMove) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) }3a:T6d2,function tableHeader(inputGroup) { let headerGroup = inputGroup.append('g') .attr('transform', 'translate(0,'+25+')') let dateGroup = headerGroup.append('g') dateGroup.append('text') .text('Date') .attr('font-size', 17) .attr('dx', dateWidth/2) .attr('text-anchor', 'middle') .attr('class', 'clickable') .on('click', d => {mutable sortBy = sortBy == 'date-down' ? 'date-up' : 'date-down'}) let cumuWidth = dateWidth let compGroup = headerGroup.append('g') .attr('transform', 'translate('+(cumuWidth+(compWidth/2))+',0)') compGroup.append('text') .text('Composition') .attr('font-size', 17) .attr('text-anchor', 'middle') cumuWidth = cumuWidth+compWidth let dpsGroup = headerGroup.append('g') .attr('transform', 'translate('+(cumuWidth+(dpsBarWidth/2))+', 0)') dpsGroup.append('text') .text('Team DPS (Duration)') .attr('font-size', 17) .attr('text-anchor', 'middle') .attr('class', 'clickable') .on('click', d => {mutable sortBy = sortBy == 'dps-down' ? 'dps-up' : 'dps-down'}) let triRot = sortBy.split('-')[1] == 'down' ? 180 : 0 let dateTri = dateGroup.append('g') .attr('transform', 'translate(70, -6)') .attr('visibility', sortBy.split('-')[0] == 'date' ? 'visible' : 'hidden') dateTri.append('path') .attr('transform', 'rotate('+triRot+')') .attr('d', d3.symbol().type(d3.symbolTriangle).size(20)) let dpsTri = dpsGroup.append('g') .attr('transform', 'translate(85, -6)') .attr('visibility', sortBy.split('-')[0] == 'dps' ? 'visible' : 'hidden') dpsTri.append('path') .attr('d', d3.symbol().type(d3.symbolTriangle).size(20)) .attr('transform', 'rotate('+triRot+')') }3b:T1b26,function encounterTable(inputGroup) { mutable firstLoad let cumuWidth = 0 // Prepare tooltip group with a rectangle var tooltip = inputGroup.append('g').attr('class', 'tooltip').attr('visibility', 'hidden') // Add background box tooltip.append('rect') .attr('width', 20) .attr('height', 20) .attr('stroke', 'black') .attr('fill', d3.hcl(0, 0, 95)) .attr('stroke', d3.hcl(0, 0, 60)) // Create placeholder text tooltip.append('text') .attr('dy', 14) .attr('x', 2) .attr('font-size', 12) function mouseOnDate(d) { let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(new Date(d.date * 1000).toUTCString().slice(0, -7)).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMove(d, i) { tooltip.attr('transform', 'translate('+((d3.mouse(this)[0]+10))+','+ ((d3.mouse(this)[1]-10)+((rowHeight+rowPadding)*i))+')') } function mouseOnComp(d) { let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(d.accountName).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMoveComp(d, i) { let mousePos = d3.mouse(inputGroup.node()) tooltip.attr('transform', 'translate('+((mousePos[0]+13))+','+ ((mousePos[1]-10))+')') } function mouseOnDPS(d) { let best = dpsBarScale.domain()[1] let dpsMouseText = d.totalDPS == best ? 'Best!' : Math.round(10000 * d.totalDPS / best)/100 + '% of best' let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(dpsMouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } function mouseMoveDPS(d, i) { let mousePos = d3.mouse(inputGroup.node()) let xShift = d.totalDPS == dpsBarScale.domain()[1] ? mousePos[0]-40 : mousePos[0]-90 tooltip.attr('transform', 'translate('+(xShift)+','+ ((mousePos[1]-10))+')') } let currentPageData = currentPage != totalPages ? encounterData.slice(((currentPage-1)*10), (currentPage*10)) : encounterData.slice(((totalPages-1)*10)) // Row for each run let rowGroup = inputGroup.selectAll('empty').data(currentPageData).enter() .append('g') .attr('transform', (d, i) => 'translate(0,'+((rowHeight+rowPadding)*i)+')') let dateGroup = rowGroup.append('g') .attr('class', 'clickable') .on("click", d => window.open(d.permalink)) // Date background dateGroup.append('rect') .attr('width', dateWidth) .attr('height', rowHeight) .attr('fill', d3.hcl(200, 0, 90)) .attr('stroke', 'black') .attr('stroke-width', d => d.id == selectedEncID ? 2 : 1) .on('mouseover', mouseOnDate) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('mousemove', mouseMove) // Date Text dateGroup.append('text') .text(d => toDate(d.date)) .attr('dy', 22) .attr('dx', 5) .on('mouseover', mouseOnDate) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('mousemove', mouseMove) // Composition background cumuWidth = dateWidth+colPadding rowGroup.append('g') .attr('transform', 'translate('+cumuWidth+',0)') .attr('stroke-width', d => d.id == selectedEncID ? 2 : 1) .selectAll('empty').data(d3.range(10)).enter() .append('rect') .attr('width', compScale.bandwidth) .attr('height', rowHeight) .attr('x', (d, i) => compScale(i)) .attr('fill', d3.hcl(200, 0, 90)) .attr('stroke', 'black') // For each individual in composition let compGroup = rowGroup.append('g') .attr('transform', 'translate('+cumuWidth+',0)') .selectAll('empty').data(d => d.entries).enter() .append('g') .attr('class', 'clickable') .on('click', (d, i) => { mutable selectedEncID = d.encID mutable playerSelected = d.accountName }) .on('dblclick', d => {mutable playerSelected = ""}) // Composition icon background compGroup.append('rect') .attr('width', compScale.bandwidth) .attr('height', 32) .attr('fill', d => d3.cubehelix(subgroupScale(d.subgroup), 2, 0.7)) .attr('x', (d, i) => compScale(i)) .attr('stroke', 'black') .attr('stroke-width', d => d.encID == selectedEncID ? 2 : 1) // Composition profession icon compGroup.append('svg:image') .attr('xlink:href', d => localStorage.getItem(d.specialization+'Icon')) .attr('x', (d, i) => compScale(i)) .attr('height', 32) .style("-webkit-filter", d => d.encID == selectedEncID && playerSelected != '' && d.accountName != playerSelected ? "opacity(25%)" : "") .style("filter", d => d.encID == selectedEncID && playerSelected != '' && d.accountName != playerSelected ? "opacity(25%)" : "") .on('mouseover', mouseOnComp) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('mousemove', mouseMoveComp) cumuWidth = cumuWidth + compWidth + colPadding let dpsBarGroup = rowGroup.append('g') .attr('transform', 'translate('+cumuWidth+',0)') .on('mouseover', mouseOnDPS) .on('mouseout', x => tooltip.attr('visibility', 'hidden')) .on('mousemove', mouseMoveDPS) // DPS bar background dpsBarGroup.append('rect') .attr('width', dpsBarWidth) .attr('height', rowHeight) .attr('fill', d3.hcl(200, 0, 90)) .attr('stroke', 'black') .attr('stroke-width', d => d.id == selectedEncID ? 2 : 1) // DPS bar dpsBarGroup.append('rect') .attr('width', d => dpsBarScale(d.totalDPS)) .attr('height', rowHeight) .attr('fill', d3.hcl(60, 40, 60)) .attr('stroke', 'black') // DPS bar text dpsBarGroup.append('text') .text(d => d3.format('.4~s')(d.totalDPS)+' ('+makeDurString(d.duration)+')') .attr('dy', 22) .attr('dx', 5) let encDetailIcon = 'https://wiki.guildwars2.com/images/a/a0/World_vs._World_detailed_score_icon.png' let encSelectedIcon = 'https://render.guildwars2.com/file/5E6C38D5E7D74202D195079AACC8D13D38440C59/1002160.png' // Selection buttons cumuWidth = cumuWidth + dpsBarWidth + colPadding let selectGroup = rowGroup.append('g') .attr('transform', 'translate('+cumuWidth+',0)') .attr('class', 'clickable') .on('click', (d, i) => { mutable selectedEncID = d.id mutable playerSelected = '' }) // Selection background selectGroup.append('rect') .attr('width', rowHeight) .attr('height', rowHeight) .attr('fill', d3.hcl(200, 0, 90)) .attr('stroke', 'black') // Selected overlap selectGroup.append('svg:image') .attr('xlink:href', encSelectedIcon) .attr('height', 32) .attr('visibility', d => d.id == selectedEncID ? 'visible' : 'hidden') // Selection icon selectGroup.append('svg:image') .attr('xlink:href', encDetailIcon) d3.select(tooltip.node()).raise() }3c:T4d2,weaponIcons = ({ Axe: 'https://wiki.guildwars2.com/images/a/a2/Axe_Proficiency.png', Dagger: 'https://wiki.guildwars2.com/images/c/c9/Dagger_Proficiency.png', Mace: 'https://wiki.guildwars2.com/images/2/2c/Mace_Proficiency.png', Pistol: 'https://wiki.guildwars2.com/images/b/b8/Pistol_Proficiency.png', Sword: 'https://wiki.guildwars2.com/images/6/61/Sword_Proficiency.png', Scepter: 'https://wiki.guildwars2.com/images/c/c7/Scepter_Proficiency.png', Focus: 'https://wiki.guildwars2.com/images/5/51/Focus_Proficiency.png', Shield: 'https://wiki.guildwars2.com/images/c/c6/Shield_Proficiency.png', Torch: 'https://wiki.guildwars2.com/images/1/11/Torch_Proficiency.png', Warhorn: 'https://wiki.guildwars2.com/images/b/b8/Warhorn_Proficiency.png', Greatsword: 'https://wiki.guildwars2.com/images/8/8b/Greatsword_Proficiency.png', Hammer: 'https://wiki.guildwars2.com/images/5/5f/Hammer_Proficiency.png', Longbow: 'https://wiki.guildwars2.com/images/5/53/Longbow_Proficiency.png', Rifle: 'https://wiki.guildwars2.com/images/9/91/Rifle_Proficiency.png', Shortbow: 'https://wiki.guildwars2.com/images/8/84/Short_Bow_Proficiency.png', Staff: 'https://wiki.guildwars2.com/images/7/78/Staff_Proficiency.png', })3d:Tfa3,profIconsCached = { // if (!localStorage.getItem("specIcons")) { // // Get a list of professions // let profs = await $.get("https://api.guildwars2.com/v2/professions") // // Build icons for each spec // let icons = {} // for (let i = 0; i < profs.length; i++) { // let prof = await $.get("https://api.guildwars2.com/v2/professions/"+profs[i]) // // Save base profession icon // icons[prof.name] = prof.icon // // Get elite specs // let specs = prof.specializations // for (let j = 0; j < specs.length; j++) { // let spec = await $.get("https://api.guildwars2.com/v2/specializations/" + specs[j]) // if (spec.elite) { // icons[spec.name] = spec.profession_icon // } // } // } // return icons // } // "Cached version" let cached = { Guardian: "https://render.guildwars2.com/file/C32BE61FC55C962524624F643897ECF1A9C80462/156634.png", Dragonhunter: "https://render.guildwars2.com/file/4161C630AA50667FDCBF01042D07021CE44451C9/1128573.png", Firebrand: "https://render.guildwars2.com/file/A1287D0FD1159CAC3A58C212C94A4BD0AB32A8D3/1770211.png", Willbender: "https://render.guildwars2.com/file/0AF79DC205A1E14422720079BBAC05E35BCDB07E/2479353.png", Warrior: "https://render.guildwars2.com/file/0A97E13F29B3597A447EEC04A09BE5BD699A2250/156643.png", Berserker: "https://render.guildwars2.com/file/3111C4ACA223F8B654B3453A42F7539D64EE953A/1128567.png", Spellbreaker: "https://render.guildwars2.com/file/C105F67C30BBD0FE0A26CB97E90B481419927D50/1770223.png", Engineer: "https://render.guildwars2.com/file/5CCB361F44CCC7256132405D31E3A24DACCF440A/156632.png", Scrapper: "https://render.guildwars2.com/file/5749382E61E622D8E9E00FA60D4CEAADA3E12715/1128581.png", Holosmith: "https://render.guildwars2.com/file/5DCFFC66A63466DFEBD29ACFA605CF00C708CBF3/1770225.png", Ranger: "https://render.guildwars2.com/file/49B10316B424F4E20139EB5E51ADCF24A8724E9B/156640.png", Druid: "https://render.guildwars2.com/file/033CFD3270277F38215AE60574BCC2000873BDFF/1128575.png", Soulbeast: "https://render.guildwars2.com/file/F80AC2AFAAF55C0F7F012C7EBECC90FD01F27FE9/1770215.png", Thief: "https://render.guildwars2.com/file/F9EC00E23F630D6DB20CDA985592EC010E2A5705/156641.png", Daredevil: "https://render.guildwars2.com/file/CEA6755F350FAAE9A7D8796CF8CC10FA1E33081D/1128571.png", Deadeye: "https://render.guildwars2.com/file/E4CDA974AF47D2336E02211E4667FE5C9579774F/1770213.png", Elementalist: "https://render.guildwars2.com/file/77B793123251931AFF9FCA24C07E0F704BC4DA49/156630.png", Tempest: "https://render.guildwars2.com/file/BC1D0645C1304238F6154C9F366DEBD014FD7AD4/1128583.png", Weaver: "https://render.guildwars2.com/file/C4B549D62A43E1BF490197E212B21879C4214008/1670506.png", Mesmer: "https://render.guildwars2.com/file/E43730AD49A903C3A1B4F27E41DE04EA51A775EC/156636.png", Chronomancer: "https://render.guildwars2.com/file/B0A3C5B4097705AE21E9CB78E53045E327F1C7C9/1128569.png", Mirage: "https://render.guildwars2.com/file/52285431289AE4FE39E8A21D4333E137A5EF0921/1770217.png", Virtuoso: "https://render.guildwars2.com/file/C6480FD498E66EE5AEFBAF01EDF944631947DBA5/2479357.png", Necromancer: "https://render.guildwars2.com/file/AE56F8670807B87CF6EEE3FC7E6CB9710959E004/156638.png", Reaper: "https://render.guildwars2.com/file/6E9C230241E83DFCAA0B0C11ED32ED0CB605C0EC/1128579.png", Scourge: "https://render.guildwars2.com/file/B10D1AB5AA0B0CFE7D26A142E99414C26244359C/1770221.png", Harbinger: "https://render.guildwars2.com/file/14D0900962F99600047D73242F0AD0D3AC986EB7/2479361.png", Revenant: "https://render.guildwars2.com/file/7C9309BE7A2A48C6A9FBCC70CC1EBEBFD7593C05/961390.png", Herald: "https://render.guildwars2.com/file/0D29C2DC29FFD156082572B41310D00914029E6C/1128577.png", Renegade: "https://render.guildwars2.com/file/A347E09ED9C6537C7D13EC212229468078C0F0E9/1770219.png" } return cached }3e:T4f3,availableBosses = [ {label: 'Vale Guardian', value: 15438}, {label: 'Gorseval the Multifarious', value: 15429}, {label: 'Sabetha the Saboteur', value: 15375}, {label: 'Slothasor', value: 16123}, {label: 'Matthias Gabrel', value: 16115}, {label: 'Keep construct', value: 16235}, {label: 'Xera', value: 16246}, {label: 'Cairn the Indomitable', value: 17194}, {label: 'Mursaat Overseer', value: 17172}, {label: 'Samarog', value: 17188}, {label: 'Deimos', value: 17154}, {label: 'Soulless Horror', value: 19767}, {label: 'Voice in the Void', value: 19450}, {label: 'Conjured Amalgamate', value: 43974}, {label: 'Twin Largos', value: 21105}, {label: 'Qadim', value: 20934}, {label: 'Cardinal Sabir', value: 21964}, {label: 'Cardinal Adina', value: 22006}, {label: 'Qadim the Peerless', value: 22000}, {label: 'M A M A', value: 17021}, {label: 'Siax the Corrupted', value: 17028}, {label: 'Ensolyss of the Endless Torment', value: 16948}, {label: 'Skorvald the Shattered', value: 17632}, {label: 'Artsariiv', value: 17949}, {label: 'Arkk', value: 17759}, {label: 'Elemental Ai, Keeper of the Peak', value: 23254}, {label: 'Dark Ai, Keeper of the Peak', value: -8} ]3f:[] 31:{"id":"8ea2d7ccdb6dcbbd","slug":"raidreport","title":"Raided GW2","thumbnail":"0af2dcf671b0e92f0c9814e19a744499496db4f8a32be0f07d8c6deb4e8fe656","access_level":"public","create_time":"$D2020-03-15T02:12:46.197Z","update_time":"$D2023-06-27T01:34:15.876Z","view_time":null,"first_public_time":"$D2020-03-15T05:36:53.479Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"2f0dbf62702936e2","login":"jasonkchow","name":"Jason Chow","avatar_url":"https://avatars-next.observableusercontent.com/a0d0eed4da925caa13acbc80bf8933314d1a90615666b07d0ec6ee1c84dd89db","tier":"starter_2024"},"version":2728,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2ac698308e06bc7c","login":"jasonkchow","name":"Jason Chow","avatar_url":"https://avatars-next.observableusercontent.com/a0d0eed4da925caa13acbc80bf8933314d1a90615666b07d0ec6ee1c84dd89db","tier":null}],"members":[{"type":"individual","id":"2ac698308e06bc7c","login":"jasonkchow","name":"Jason Chow","avatar_url":"https://avatars-next.observableusercontent.com/a0d0eed4da925caa13acbc80bf8933314d1a90615666b07d0ec6ee1c84dd89db","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"2cdbb9c6ae52403d","slug":"raid-report","title":"Raid Report","owner":{"id":"2f0dbf62702936e2","login":"jasonkchow","name":"Jason Chow"}},"type":"notebook","body":{"title":"Raided GW2","cells":[{"id":0,"value":"md`# Raided GW2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1982,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2392,"value":"viewof clearCache = Inputs.button(\"Clear cache\", {label: 'Click if spec icons are missing, then refresh page'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2397,"value":"refreshing = {\n if (clearCache != 0) {\n localStorage.clear()\n return 'Reloading'\n } else {\n return 'Not reloading'\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1348,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":996,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":697,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"function barTextMaker(d) {\n let propDPS = d3.format('.1f')(100*d.totalDPS/selectedEncData.totalDPS)\n return d.accountName+' ('+propDPS+'% DPS)'\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":570,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"mutable sortBy = 'date-down'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1009,"value":"encPlayerWidth = (encWidth-padding-1)/5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1282,"value":"recordsWidth = totalWidth - encWidth - padding","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1032,"value":"encPlayerPadding = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1005,"value":"encPlayerHeight = 65","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":762,"value":"encBarWidth = encWidth-padding-33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"encBarHeight = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":609,"value":"pieRad = 50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"piePadding = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":566,"value":"dpsDistRad = 35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"dpsBarWidth = 450","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"colPadding = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"rowPadding = 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"padding = 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"rowHeight = 32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"dateWidth = 90","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"compWidth = 350","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"dpsWidth = 80","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"killTimeWidth = 100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":555,"value":"encWidth = 480","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"encHeight = {\n var height = encBarHeight+subgroupTrans[subgroupTrans.length-1]+encPlayerHeight+(padding*2)\n if (height < 555) {\n height = 555\n }\n return height\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"totalWidth = dateWidth+compWidth+dpsBarWidth+(colPadding*3)+rowHeight+(2*padding)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"totalHeight = {\n let numRows = currentPage!= totalPages ? 11 : encounterData.length - ((totalPages-1)*10) + 1\n return (numRows)*(rowHeight+rowPadding)+rowHeight+(2*padding)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1988,"value":"controlHeight = 25","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2575,"value":"linkSize = 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1297,"value":"recordsXScale = d3.scaleLinear()\n .domain([0, d3.max(recordsData.map(d => d.totalDPS))])\n .range([0, recordsWidth-recordsYScale.step()-5])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1303,"value":"recordsYScale = d3.scaleBand()\n .domain(d3.range(15))\n .range([0, 555-(padding*2)])\n .padding(0.65)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"encBarXScale = d3.scaleLinear()\n .domain([0, d3.max(selectedEncData.entries.map(d => d.totalDPS))])\n .range([0, encBarWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":672,"value":"encBarYScale = d3.scaleBand()\n .domain(d3.range(10))\n .range([0, encBarHeight])\n .padding(0.65)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"dpsGroupArcs = d3.pie()\n .value(d => d3.sum(selectedEncData.entries.filter(x => x.subgroup == d)\n .map(y => y.totalDPS)))(Object.keys(subgroupCounts))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":604,"value":"dpsGroupArc = d3.arc()\n .innerRadius(dpsDistRad+piePadding)\n .outerRadius(pieRad)\n .padAngle(0.08)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"dpsDistArcs = d3.pie()\n .startAngle(2*Math.PI)\n .endAngle(0)\n .value(d => d3.sum(selectedEncData.entries.map(x => x[d])))(['powerDPS', 'condiDPS'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"dpsDistArc = d3.arc()\n .innerRadius(0)\n .outerRadius(dpsDistRad)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"dpsBarScale = d3.scaleLinear()\n .domain([0, d3.max(encounterData.map(d => d.totalDPS))])\n .range([0, dpsBarWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"compScale = d3.scaleBand()\n .domain(d3.range(10))\n .range([0, compWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"subgroupScale = d3.scalePoint()\n .domain(d3.range(1, 11))\n .range([0, 300])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":"toDate = function(timestamp) {\n let date = new Date(timestamp * 1000)\n let day = date.getUTCDate()\n day = day.toString().padStart(2, '0')\n let month = date.getUTCMonth() + 1\n month = month.toString().padStart(2, '0')\n let year = date.getUTCFullYear().toString().split(-2)\n date = `${month}/${day}/${year}`\n return date\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2157,"value":"toLongDate = function(timestamp) {\n let date = new Date(timestamp * 1000)\n date = monthNames[date.getUTCMonth()]+\n ' '+date.getUTCDate()+\n ' '+date.getUTCFullYear()+\n ' '+date.getUTCHours().toString().padStart(2, '0')+\n ':'+date.getUTCMinutes().toString().padStart(2, '0')\n return date\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1940,"value":"makeDurString = function(duration) {\n return `${Math.floor(duration / 60)}m ${duration % 60}s`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1128,"value":"statIcons = ({\n power: 'https://wiki.guildwars2.com/images/2/23/Power.png',\n condition: 'https://wiki.guildwars2.com/images/5/54/Condition_Damage.png',\n toughness: 'https://wiki.guildwars2.com/images/1/12/Toughness.png',\n concentration: 'https://wiki.guildwars2.com/images/4/44/Boon_Duration.png',\n healing: 'https://wiki.guildwars2.com/images/8/81/Healing_Power.png'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2237,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1939,"value":"subgroupCounts = {\n let subgroups = selectedEncData.entries.map(x => x.subgroup)\n let uniqueGroups = [...new Set(subgroups)]\n uniqueGroups.sort()\n \n // Count how many in each subgroup\n let subgroupCounts = {}\n for (let i = 0; i < uniqueGroups.length; i++) {\n subgroupCounts[uniqueGroups[i]] = subgroups.filter(x => x == uniqueGroups[i]).length\n }\n \n return subgroupCounts\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1307,"value":"subgroupTrans = {\n let subgroupTrans = [0] \n let cumuTrans = 0\n for (let i = 1; i < Object.keys(subgroupCounts).length; i++) {\n let tmp = subgroupCounts[i] > 5 ? (encPlayerHeight*2)+encPlayerPadding : encPlayerHeight+encPlayerPadding\n cumuTrans = cumuTrans + tmp\n //cumuTrans = subgroupCounts[i] > 5 ? \n //((encPlayerHeight*2+encPlayerPadding)*i) : ((encPlayerHeight+encPlayerPadding)*i)\n subgroupTrans.push(cumuTrans)\n }\n\n return subgroupTrans\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1937,"value":"selectedEncData = {\n let data = JSON.parse(JSON.stringify(encounterData.filter(x => x.id == selectedEncID)[0]))\n data.entries.sort((a, b) => b.totalDPS - a.totalDPS )\n \n return data\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1759,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1935,"value":"mutable selectedEncID = {\n if (mutable firstLoad == 0 && queryStr.boss && queryStr.encID) {\n mutable firstLoad = 1\n return queryStr.encID\n } else {\n return encounterData[0].id \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2516,"value":"mutable playerSelected = {\n if (mutable firstLoad == 0 && queryStr.boss && queryStr.encID && queryStr.player) {\n return queryStr.player\n } else {\n return ''\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1987,"value":"mutable totalPages = Math.ceil(encounterData.length / 10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1986,"value":"mutable currentPage = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2564,"value":"generateLink = function(boss, encID, player) {\n let url = \"https://andrexia.com/raidReport?\"\n url = url+'boss='+boss+'&encID='+encID \n if (player != '') {\n url = url+'&player='+player\n }\n return encodeURI(url)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1994,"value":"queryStr = {\n // Parse query string\n let queryUrl = location.search.slice(1).split('&')\n\n // Unload into an object\n let queryStr = {'boss': null, 'encID': null, 'player': null}\n for (let i=0; i < queryUrl.length; i++) {\n let [key, value] = queryUrl[i].split('=')\n queryStr[key] = decodeURI(value)\n }\n\n return queryStr\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2488,"value":"mutable firstLoad = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2033,"value":"today = {\n var tmp = new Date();\n var month = (tmp.getUTCMonth()+1).toString().padStart(2, '0')\n var day = tmp.getUTCDate().toString().padStart(2, '0')\n return tmp.getUTCFullYear()+'-'+month+'-'+day;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2021,"value":"dateMin = new Date(controls[1][0]).getTime()/1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2057,"value":"dateMax = new Date(controls[1][1]).getTime() / 1000 + 60*60*24","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2159,"value":"monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2163,"value":"weekNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1905,"value":"encounterData = {\n let [encounters, encEntries] = Object.values(\n await $.ajax({\n url: \"https://andrexia.com/raidReport/encounterDataV2\",\n data: {\n bossID: selectedBoss,\n sortBy: sortBy,\n playerMin: controls[0][0][0],\n playerMax: controls[0][0][1],\n dateMin: dateMin,\n dateMax: dateMax,\n team: controls[1][2]\n },\n dataType: \"json\",\n contentType: \"application/json;charset=UTF-8\",\n type: \"GET\"\n })\n );\n\n // Zip encounters and enc entries\n encounters.forEach((x, i) => {\n x[\"entries\"] = encEntries[i];\n });\n\n if (mutable firstLoad == 0 && queryStr.encID) {\n let encIdx = encounters.indexOf(\n encounters.find((x) => x.id == queryStr.encID)\n );\n mutable currentPage = ((encIdx / 10) >> 0) + 1;\n } else {\n mutable currentPage = 1;\n }\n\n return encounters;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1933,"value":"recordsData = {\n let r = Object.values(\n await $.ajax({\n url: \"https://andrexia.com/raidReport/bossRecords?\",\n data: {\n bossID: selectedBoss,\n limit: 15,\n filter: controls[0][1],\n playerMin: controls[0][0][0],\n normalize: controls[0][2],\n playerMax: controls[0][0][1],\n dateMin: dateMin,\n dateMax: dateMax,\n team: controls[1][2]\n },\n dataType: \"json\",\n contentType: \"application/json;charset=UTF-8\",\n type: \"GET\"\n })\n );\n\n let out = r.map((x) => {\n let entry = x[0];\n entry[\"date\"] = x[1];\n entry[\"duration\"] = x[2];\n entry[\"teamDPS\"] = x[3];\n entry[\"numPlayers\"] = x[4];\n return entry;\n });\n\n return out;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1967,"value":"import {inputsGroup} from \"@bumbeishvili/input-groups\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"import {jQuery as $} from \"@ddspog/useful-libs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"import {select, checkbox, radio, date, button} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1977,"value":"import {rangeSlider} from \"@mootari/range-slider\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3f","stdlib":"1","titling":"auto"}} 32:"$31:body"