2b:null 2c:["$","title",null,{"children":"Raided Crow Demo | Jason Chow | Observable"}] 31:T863,viewof plot = { let svg = DOM.svg(totalWidth+padding*2, totalHeight+padding*2) let svg_elem = d3.select(svg) let fightSelectTooltip = svg_elem.append('g').append('text').attr('id', 'fightSelectTooltip') .text('Click the coloured bars below; length refers to fight duration, colour refers to enemy count.') .attr('font-size', fontSize/2) .attr('dx', padding + 105) .attr('dy', fontSize + padding) .attr('visibility', 'hidden') let tooltip = svg_elem.append('g').attr('class', 'tooltip').attr('visibility', 'hidden') // Add background box tooltip.append('rect') .attr('id', 'tooltipBox') .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('id', 'tooltipText') .attr('dy', 14) .attr('x', 2) .attr('font-size', 12) svg_elem.append('g').append('text') .text('Select Fight') .attr('font-size', fontSize) .attr('text-decoration', 'underline dotted') .attr('dx', padding) .attr('dy', fontSize + padding) .on('mouseover', d => {fightSelectTooltip.attr('visibility', 'visible')}) .on('mouseout', d => {fightSelectTooltip.attr('visibility', 'hidden')}) let pSelector = svg_elem.append('g').attr('id', 'playerSelector') .attr('transform', 'translate('+padding+','+pInfoHeight+')') playerSelector(pSelector, tooltip) let pInfo = svg_elem.append('g').attr('id', 'playerInfo') .attr('transform', 'translate('+(padding * 2 + playerSelectorWidth)+','+pInfoHeight+')') playerInfo(pInfo) let pies = svg_elem.append('g').attr('id', 'outDamagePie') .attr('transform', 'translate('+padding+','+pieHeight+')') pieData(pies, tooltip) let summary = svg_elem.append('g').attr('id', 'summaryTable') .attr('transform', 'translate('+padding+','+sumHeight+')') summaryTable(summary, tooltip) let fSelector = svg_elem.append('g').attr('id', 'fightSelector') .attr('transform', 'translate('+padding+','+fSelectorHeight+')') fightSelector(fSelector, tooltip) return svg }32:T10f0,playerInfo = function(group) { function mouseoverAbility(d, i) { d3.select('rect#'+idLead+cleanID(d.Ability)).attr('stroke', 'black') d3.select('path#'+idLead+cleanID(d.Ability)).attr('stroke', 'black') d3.select('text#'+idLead+cleanID(d.Ability)).attr('font-weight', 'bold') } let headerGroup = group.append('g') .attr('transform', 'translate('+padding+', '+(fontSize-padding)+')') headerGroup.append('text') .text('Ability') .attr('font-weight', 'bold') .attr('transform', 'translate('+fontPadding+',0)') let abilityDamageGap = 210 headerGroup.append('text') .text(damaHeal == 'dama' ? 'Damage (DPS)' : 'Healing (HPS)') .attr('text-anchor', 'middle') .attr('font-weight', 'bold') .attr('transform', 'translate('+abilityDamageGap+',0)') let damagePercentGap = 120 headerGroup.append('text') .text('Percent') .attr('text-anchor', 'middle') .attr('font-weight', 'bold') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap)+',0)') let percentHitGap = 120 headerGroup.append('text') .text('Hits (Crit Rate)') .attr('text-anchor', 'middle') .attr('font-weight', 'bold') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap+percentHitGap)+',0)') let hitAvgGap = 120 headerGroup.append('text') .text('Average') .attr('text-anchor', 'middle') .attr('font-weight', 'bold') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap+percentHitGap+hitAvgGap)+',0)') let hitMaxGap = 120 headerGroup.append('text') .text('Biggest') .attr('text-anchor', 'middle') .attr('font-weight', 'bold') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap+percentHitGap+hitAvgGap+hitMaxGap)+',0)') headerGroup.append('path') .attr("d", d3.line()([[0, fontPadding*2], [playerInfoWidth, fontPadding*2]])) .attr("stroke", "black") .attr('stroke-width', 2) let idLead = `${outInc}${damaHeal == 'dama' ? 'Dama' : 'Heal'}` if (tableData.length == 0 & playerList.length > 0) { mutable selectedPlayer = playerList[0][0][outInc == 'out' ? 'Target' : 'Source'] } let rowGroup = group.append('g') .attr('transform', 'translate('+padding+','+(fontSize*2)+')') .selectAll('empty').data(tableData).enter() .append('g') .attr('transform', (d, i) => 'translate(0, '+((fontSize+fontPadding)*i+1)+')') .on('mouseover', mouseoverAbility) .on('mouseout', d => { d3.select('rect#'+idLead+cleanID(d.Ability)).attr('stroke', 'none') d3.select('path#'+idLead+cleanID(d.Ability)).attr('stroke', 'white') d3.select('text#'+idLead+cleanID(d.Ability)).attr('font-weight', 'normal') }) rowGroup.append('rect') .attr('id', (d, i) => idLead+cleanID(d.Ability)) .attr('transform', 'translate(0, '+(-fontSize*.9+fontPadding)+')') .attr('width', playerInfoWidth) .attr('height', fontSize) .attr('fill', 'white') .attr('stroke', 'none') rowGroup.append('text') .text(d => d.Ability) .attr('transform', 'translate('+fontPadding+',0)') rowGroup.append('text') .text(d => damaHeal == 'dama' ? `${d.Damage} (${d.DPS})` : `${d.Heal} (${d.HPS})`) .attr('text-anchor', 'middle') .attr('transform', 'translate('+abilityDamageGap+', 0)') let total = damaHeal == 'dama'? _.sum(tableData.map(x => x.Damage)) : _.sum(tableData.map(x => x.Heal)) rowGroup.append('text') .text(d => damaHeal == 'dama' ? `${Math.round(d.Damage/total*1000)/10}%` : `${Math.round(d.Heal/total*1000)/10}%`) .attr('text-anchor', 'middle') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap)+', 0)') rowGroup.append('text') .text(d => `${d.Hits} (${d.Crits})`) .attr('text-anchor', 'middle') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap+percentHitGap)+', 0)') rowGroup.append('text') .text(d => damaHeal == 'dama' ? Math.round(d.Damage/d.Hits) : Math.round(d.Heal/d.Hits)) .attr('text-anchor', 'middle') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap+percentHitGap+hitAvgGap)+', 0)') rowGroup.append('text') .text(d => d.Max) .attr('text-anchor', 'middle') .attr('transform', 'translate('+(abilityDamageGap+damagePercentGap+percentHitGap+hitAvgGap+hitMaxGap)+', 0)') return group }33:Tb57,function fightSelector(group, tooltip) { tooltip.on('mousemove', mouseMove) function mouseover(d, i) { const selectedFight = fights[i] const mousedTime = new Date(selectedFight[0].Timestamp) const mousedFightTime = (selectedFight.slice(-1)[0].Timestamp - selectedFight[0].Timestamp)/1000 // Find enemies hit const hits = [...new Set(selectedFight.filter(x => x.Category == 'hit' & x.Source == 'You').map(x => x.Target))] // Find enemies hitting you const takes = [...new Set(selectedFight.filter(x => x.Category == 'hit' & x.Target == 'You').map(x => x.Source))] const enemies = [...new Set(hits.concat(takes))].filter(x => x != 'You') let mouseText = `Fight ${i + 1} - ${mousedTime.getHours()}:${mousedTime.getMinutes().toString().padStart(2, "0")} | ${durationToStr(mousedFightTime)} | ${enemies.length} enemies` let text = tooltip.attr('visibility', 'visible') .select('text').text(mouseText).node() tooltip.select('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } function mouseMove(d, i) { let mousePos = d3.mouse(group.node()) let tooltipWidth = tooltip.select('text').node().getBBox().width let leftRight = totalWidth/2 < mousePos[0] ? -(tooltipWidth) : 10 + padding tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]+fSelectorHeight - padding)+')') } // Group with each fight as data let fightGroup = group.append('g') .attr('class', 'clickable') .selectAll('empty').data(fightTimes).enter() .append('g') .attr('transform', (d, i) => i == 0 ? 'translate(0, 0)' : 'translate('+(i*padding+fightSelectorScale(cumFightTimes[i-1]))+',0)') .on('click', (d, i) => {mutable fightIdx = i}) .on('mousemove', mouseMove) .on('mouseover', mouseover) .on('mouseout', d => {tooltip.attr('visibility', 'hidden')}) fightGroup.append('rect') .attr('width', (d, i) => fightSelectorScale.range()[1]*fightTimes[i]/fightSelectorScale.domain()[1]) .attr('height', fightSelectorHeight) .attr('fill', (d, i) => { const fight = fights[i] // Find enemies hit const hits = [...new Set(fight.filter(x => x.Category == 'hit' & x.Source == 'You').map(x => x.Target))] // Find enemies hitting you const takes = [...new Set(fight.filter(x => x.Category == 'hit' & x.Target == 'You').map(x => x.Source))] const enemies = [...new Set(hits.concat(takes))] return fightSelectorColorScale(enemies.length) }) .attr('stroke', 'black') .attr('stroke-width', (d, i) => i == fightIdx ? 3 : 1) fightGroup.append('text') .text((d, i) => i+1) .attr('font-size', smallFontSize) .attr('dx', fontPadding) .attr('dy', smallFontSize + fontPadding) d3.select(tooltip.node()).raise() return group }34:T2e7f,function summaryTable(group, tooltip) { tooltip.on('mousemove', mouseMove) function mouseMove(d, i) { let mousePos = d3.mouse(group.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width let leftRight = totalWidth/2 < mousePos[0] ? -(tooltipWidth) : 10 + padding tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]-padding+sumHeight)+')') } function mouseOut(d) { tooltip.attr('visibility', 'hidden') } const selectedFight = fights[fightIdx] const rowSize = summaryHeight / 4 - (padding / 2) // First info row let infoGroup = group.append('g') function durationToStr(time) { const minutes = Math.floor(time/60) const seconds = Math.round(time%60) return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s` } // Add information infoGroup.append('text') .text(`${monthList[selectedTime.getMonth()]} ${selectedTime.getDate()}, ${selectedTime.getFullYear()} - ${selectedTime.getHours()}:${selectedTime.getMinutes().toString().padStart(2, "0")} | Fight Duration: ${durationToStr(fightTime)} | Enemies: ${enemyIncDamage.filter(x => x.Player != 'You').length} | Allies: ${healOutSplit.filter(x => x.Player != 'You').length}`) .attr('font-size', fontSize) .attr('dy', rowSize) const kills = selectedFight.filter(x => x.Category == 'kill' & x.Target != 'You') function mouseoverKills(d) { if (kills.length == 0) { return null } const killNames = kills.map(x => x.Target) let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(killNames[0]) let longestLength = 0 for (let i = 1; i < killNames.length; i++) { longestLength = killNames[i].length > longestLength ? killNames[i].length : longestLength text.append('tspan') .text(killNames[i]) .attr('x', 2) .attr('dy', '1.3em') } text = tooltip.attr('visibility', 'visible').selectAll('text').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } // Add Kill/Deaths/Assists infoGroup.append('text') .text(`Kills: ${kills.length}`) .attr('font-size', fontSize) .attr('dx', totalWidth-200) .attr('dy', rowSize) .attr('text-anchor', 'end') .on('mouseover', mouseoverKills) .on('mouseout', mouseOut) .on('mousemove', mouseMove) const deaths = selectedFight.filter(x => x.Category == 'kill' & x.Target == 'You') function mouseoverDeaths(d) { if (deaths.length == 0) { return null } const deathNames = deaths.map(x => x.Source) let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(deathNames[0]) let longestLength = 0 for (let i = 1; i < deathNames.length; i++) { longestLength = deathNames[i].length > longestLength ? deathNames[i].length : longestLength text.append('tspan') .text(deathNames[i]) .attr('x', 2) .attr('dy', '1.3em') } text = tooltip.attr('visibility', 'visible').selectAll('text').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } infoGroup.append('text') .text(`Deaths: ${selectedFight.filter(x => x.Category == 'kill' & x.Target == 'You').length}`) .attr('font-size', fontSize) .attr('dx', totalWidth-100) .attr('dy', rowSize) .attr('text-anchor', 'end') .on('mouseover', mouseoverDeaths) .on('mouseout', mouseOut) .on('mousemove', mouseMove) const assists = selectedFight.filter(x => x.Category == 'assist') function mouseoverAssists(d) { if (assists.length == 0) { return null } const assistNames = assists.map(x => x.Target) let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(assistNames[0]) let longestLength = 0 for (let i = 1; i < assistNames.length; i++) { longestLength = assistNames[i].length > longestLength ? assistNames[i].length : longestLength text.append('tspan') .text(assistNames[i]) .attr('x', 2) .attr('dy', '1.3em') } text = tooltip.attr('visibility', 'visible').selectAll('text').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } infoGroup.append('text') .text(`Assists: ${selectedFight.filter(x => x.Category == 'assist').length}`) .attr('font-size', fontSize) .attr('dx', totalWidth) .attr('dy', rowSize) .attr('text-anchor', 'end') .on('mouseover', mouseoverAssists) .on('mouseout', mouseOut) .on('mousemove', mouseMove) // Outgoing Damage column let rowTotal = rowSize + padding let columnTotal = 0 function mouseoverOutDam(d) { const totalHits = _.sum(outDamage.map(x => x.Hits)) const totalCrits = _.sum(outDamage.map(x => x.Hits * x.Crits)) const critRate = Math.round(totalCrits/totalHits*100)/100 let mouseText = `Hits: ${totalHits}, Crit Rate: ${critRate}` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).attr('dy', '1.2em').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } let outDamGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate('+columnTotal+', '+rowTotal+')') .on('mouseover', mouseoverOutDam) .on('mouseout', mouseOut) .on('mousemove', mouseMove) .on('click', x => { mutable outInc = 'out' mutable damaHeal = 'dama' }) // Add box outDamGroup.append('rect') .attr('width', colSize) .attr('height', rowSize*3) .attr('fill', 'white') .attr('stroke', 'black') // Outgoing damage header outDamGroup.append('text') .text('Outgoing Damage') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize - fontSize/2.5) // Total damage out const damageOut = _.sum(outDamage.map(x => x.Damage)) const damageOutText = damageOut > 9999 ? Math.round(damageOut/100)/10+'k' : damageOut outDamGroup.append('text') .text(damageOutText) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*2 - fontSize/2.5) // DPS out outDamGroup.append('text') .text(_.sum(outDamage.map(x => x.DPS)) + ' DPS') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*3 - fontSize/2.5) // Outgoing healing column columnTotal += colSize + padding function mouseoverOutHeal(d) { const totalHits = _.sum(outHeal.map(x => x.Hits)) const totalCrits = _.sum(outHeal.map(x => x.Hits * x.Crits)) const critRate = Math.round(totalCrits/totalHits*100)/100 let mouseText = `Hits: ${totalHits}, Crit Rate: ${critRate}` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).attr('dy', '1.2em').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } let outHealGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate('+columnTotal+','+rowTotal+')') .on('mouseover', mouseoverOutHeal) .on('mouseout', mouseOut) .on('mousemove', mouseMove) .on('click', x => { mutable outInc = 'out' mutable damaHeal = 'heal' }) // Add box outHealGroup.append('rect') .attr('width', colSize) .attr('height', rowSize*3) .attr('fill', 'white') .attr('stroke', 'black') // Outgoing damage header outHealGroup.append('text') .text('Outgoing Healing') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize - fontSize/2.5) // Total heal out const healOut = _.sum(outHeal.map(x => x.Heal)) const healOutText = healOut > 9999 ? Math.round(healOut/100)/10+'k' : healOut outHealGroup.append('text') .text(healOutText) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*2 - fontSize/2.5) // HPS out outHealGroup.append('text') .text(_.sum(outHeal.map(x => x.HPS)) + ' HPS') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*3 - fontSize/2.5) columnTotal += colSize + padding function mouseoverInDam(d) { const totalHits = _.sum(inDamage.map(x => x.Hits)) const totalCrits = _.sum(inDamage.map(x => x.Hits * x.Crits)) const critRate = Math.round(totalCrits/totalHits*100)/100 let mouseText = `Hits: ${totalHits}, Crit Rate: ${critRate}` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).attr('dy', '1.2em').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } let inDamGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate('+columnTotal+', '+rowTotal+')') .on('mouseover', mouseoverInDam) .on('mouseout', mouseOut) .on('mousemove', mouseMove) .on('click', x => { mutable outInc = 'inc' mutable damaHeal = 'dama' }) // Add box inDamGroup.append('rect') .attr('width', colSize) .attr('height', rowSize*3) .attr('fill', 'white') .attr('stroke', 'black') // Incoming damage header inDamGroup.append('text') .text('Incoming Damage') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize - fontSize/2.5) // Total damage in const damageIn = _.sum(inDamage.map(x => x.Damage)) const damageInText = damageIn > 9999 ? Math.round(damageIn/100)/10+'k' : damageIn inDamGroup.append('text') .text(damageInText) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*2 - fontSize/2.5) // DPS in inDamGroup.append('text') .text(_.sum(inDamage.map(x => x.DPS)) + ' DPS') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*3 - fontSize/2.5) // Outgoing healing column columnTotal += colSize + padding function mouseoverInHeal(d) { const totalHits = _.sum(inHeal.map(x => x.Hits)) const totalCrits = _.sum(inHeal.map(x => x.Hits * x.Crits)) const critRate = Math.round(totalCrits/totalHits*100)/100 let mouseText = `Hits: ${totalHits}, Crit Rate: ${critRate}` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).attr('dy', '1.2em').node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } let inHealGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate('+columnTotal+','+rowTotal+')') .on('mouseover', mouseoverInHeal) .on('mouseout', mouseOut) .on('mousemove', mouseMove) .on('click', x => { mutable outInc = 'inc' mutable damaHeal = 'heal' }) // Add box inHealGroup.append('rect') .attr('width', colSize) .attr('height', rowSize*3) .attr('fill', 'white') .attr('stroke', 'black') // Outgoing damage header inHealGroup.append('text') .text('Incoming Healing') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize - fontSize/2.5) // Total heal out const healIn = _.sum(inHeal.map(x => x.Heal)) const healInText = healIn > 9999 ? Math.round(healIn/100)/10+'k' : healIn inHealGroup.append('text') .text(healInText) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*2 - fontSize/2.5) // HPS out inHealGroup.append('text') .text(_.sum(inHeal.map(x => x.HPS)) + ' HPS') .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', rowSize*3 - fontSize/2.5) d3.select(tooltip.node()).raise() return group }35:T447d,function pieData(group, tooltip) { tooltip.on('mousemove', mouseMove) function mouseMove(d, i) { let mousePos = d3.mouse(group.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width let leftRight = totalWidth/2 < mousePos[0] ? -(tooltipWidth) : 10 + padding tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]-padding+pieHeight)+')') } /* ===== OUTGOING DAMAGE ===== */ function mouseoverOutDamage(d, i) { let mouseText = ` ${topOutDamage[i].Ability} - ${Math.round(topOutDamage[i].Damage/_.sum(topOutDamage.map(x => x.Damage))*100)}% ` if (topOutDamage[i].Ability != 'Other') { mouseText += ` | Hits: ${topOutDamage[i].Hits} | Crit Rate: ${topOutDamage[i].Crits} | Biggest: ${topOutDamage[i].Max} ` } let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) d3.select("text#outDama"+cleanID(topOutDamage[i].Ability)).attr('font-weight', 'bold') d3.select("path#outDama"+cleanID(topOutDamage[i].Ability)).attr('stroke', 'black') d3.select('rect#outDama'+cleanID(topOutDamage[i].Ability)).attr('stroke', 'black') } function mouseoverOutType(d, i) { let mouseText = `${topOutType[i].Type}: ${topOutType[i].Damage > 9999 ? Math.round(topOutType[i].Damage/100)/10+'k' : topOutType[i].Damage} - ${Math.round(topOutType[i].Damage/_.sum(topOutType.map(x => x.Damage))*100)}%` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } // Outgoing damage pie let cumWidth = 0 let outDamGroup = group.append('g') .attr('transform', 'translate('+cumWidth+', 0)') outDamGroup.selectAll('empty').data(outDamaPie).join('path') .attr('id', (d, i) => 'outDama'+cleanID(topOutDamage[i].Ability)) .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', innerArc) .attr('fill', (d, i) => i > 4 ? d3.hcl(231, 10, 80) : d3.hcl(231, 40, damageAbilityLightness[i])) .attr('stroke', 'white') .attr('stroke-width', 2) .on('mouseover', mouseoverOutDamage) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#outDama"+cleanID(topOutDamage[i].Ability)).attr('font-weight', 'normal') d3.select("path#outDama"+cleanID(topOutDamage[i].Ability)).attr('stroke', 'white') d3.select('rect#outDama'+cleanID(topOutDamage[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) outDamGroup.selectAll('empty').data(outTypePie).join('path') .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', outerArc) .attr('fill', (d, i) => damageColors[topOutType[i].Type]) .attr('stroke', 'black') .on('mouseover', mouseoverOutType) .on('mouseout', d => {tooltip.attr('visibility', 'hidden')}) .on('mousemove', mouseMove) // Outgoing damage top let outDamTopGroup = group.append('g') .attr('transform', 'translate(0, '+(colSize+padding)+')') outDamTopGroup.append('text') .text(topOutDamage.length > 0 ? 'Top Abilities' : 'No Data') .attr('font-size', fontSize) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', topOutDamage.length > 0 ? fontSize : -colSize/2) outDamTopGroup.selectAll('empty').data(topOutDamage).join('text') .attr('id', d => 'outDama'+cleanID(d.Ability)) .text(d => { let text = ` ${d.Ability}: ${d.Damage > 9999 ? Math.round(d.Damage/100)/10+'k' : d.Damage} dmg ${d.Ability == 'Other' ? '' : '('+d.DPS+' dps)'} ` return text }) .attr('font-size', smallFontSize) .attr('dx', fontPadding) .attr('dy', (d, i) => fontSize + (smallFontSize+fontPadding)*(i+1) + fontPadding) outDamTopGroup.selectAll('empty').data(topOutDamage).join('rect') .attr('transform', (d, i) => 'translate(0,'+(smallFontSize+(smallFontSize+fontPadding)*(i+1) + fontPadding)+')') .attr('width', colSize) .attr('height', smallFontSize) .attr('opacity', 0) .on('mouseover', mouseoverOutDamage) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#outDama"+cleanID(topOutDamage[i].Ability)).attr('font-weight', 'normal') d3.select("path#outDama"+cleanID(topOutDamage[i].Ability)).attr('stroke', 'white') d3.select('rect#outDama'+cleanID(topOutDamage[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) /* ===== OUTGOING HEALING ===== */ function mouseoverOutHeal(d, i) { let mouseText = ` ${topOutHeal[i].Ability} - ${Math.round(topOutHeal[i].Heal/_.sum(topOutHeal.map(x => x.Heal))*100)}% ` if (topOutHeal[i].Ability != 'Other') { mouseText += ` | Hits: ${topOutHeal[i].Hits} | Crit Rate: ${topOutHeal[i].Crits} | Biggest: ${topOutHeal[i].Max} ` } let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) d3.select("text#outHeal"+cleanID(topOutHeal[i].Ability)).attr('font-weight', 'bold') d3.select("path#outHeal"+cleanID(topOutHeal[i].Ability)).attr('stroke', 'black') d3.select('rect#outHeal'+cleanID(topOutHeal[i].Ability)).attr('stroke', 'black') } function mouseoverOutHealTarget(d, i) { let mouseText = `${topOutHealPlayers[i].Player}: ${topOutHealPlayers[i].Value > 9999 ? Math.round(topOutHealPlayers[i].Value/100)/10+'k' : topOutHealPlayers[i].Value} - ${Math.round(topOutHealPlayers[i].Value/_.sum(topOutHealPlayers.map(x => x.Value))*100)}%` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } cumWidth += colSize + padding let outHealGroup = group.append('g') .attr('transform', 'translate('+cumWidth+', 0)') outHealGroup.selectAll('empty').data(outHealPie).join('path') .attr('id', (d, i) => 'outHeal'+cleanID(topOutHeal[i].Ability)) .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', innerArc) .attr('fill', (d, i) => i > 4 ? d3.hcl(130, 10, 80) : d3.hcl(130, 55, healAbilityLightness[i])) .attr('stroke', 'white') .attr('stroke-width', 2) .on('mouseover', mouseoverOutHeal) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#outHeal"+cleanID(topOutHeal[i].Ability)).attr('font-weight', 'normal') d3.select("path#outHeal"+cleanID(topOutHeal[i].Ability)).attr('stroke', 'white') d3.select('rect#outHeal'+cleanID(topOutHeal[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) outHealGroup.selectAll('empty').data(outHealTargetPie).join('path') .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', outerArc) .attr('fill', d => d.data.Player == 'Absorbed' ? d3.hcl(0, 0, 0) : d3.hcl(0, 0, 60)) .attr('stroke', 'black') .on('mouseover', mouseoverOutHealTarget) .on('mouseout', d => {tooltip.attr('visibility', 'hidden')}) .on('mousemove', mouseMove) // Outgoing heal top let outHealTopGroup = group.append('g') .attr('transform', 'translate('+cumWidth+','+(colSize+padding)+')') outHealTopGroup.append('text') .text(topOutHeal.length > 0 ? 'Top Abilities' : 'No Data') .attr('font-size', fontSize) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', topOutHeal.length > 0 ? fontSize : -colSize/2) outHealTopGroup.selectAll('empty').data(topOutHeal).join('text') .attr('id', d => 'outHeal'+cleanID(d.Ability)) .text(d => { let text = ` ${d.Ability}: ${d.Heal > 9999 ? Math.round(d.Heal/100)/10+'k' : d.Heal} HP ${d.Ability == 'Other' ? '' : '('+d.HPS+' hps)'} ` return text }) .attr('font-size', smallFontSize) .attr('dx', fontPadding) .attr('dy', (d, i) => fontSize + (smallFontSize+fontPadding)*(i+1) + fontPadding) outHealTopGroup.selectAll('empty').data(topOutHeal).join('rect') .attr('transform', (d, i) => 'translate(0,'+(smallFontSize+(smallFontSize+fontPadding)*(i+1) + fontPadding)+')') .attr('width', colSize) .attr('height', smallFontSize) .attr('opacity', 0) .on('mouseover', mouseoverOutHeal) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#outHeal"+cleanID(topOutHeal[i].Ability)).attr('font-weight', 'normal') d3.select("path#outHeal"+cleanID(topOutHeal[i].Ability)).attr('stroke', 'white') d3.select('rect#outHeal'+cleanID(topOutHeal[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) /* ===== INCOMING DAMAGE ===== */ function mouseoverIncType(d, i) { let mouseText = ` ${incDamageType[i].Type}: ${incDamageType[i].Damage > 9999 ? Math.round(incDamageType[i].Damage/100)/10+'k' : incDamageType[i].Damage} - ${Math.round(incDamageType[i].Damage/_.sum(incDamageType.map(x => x.Damage))*100)}% ` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } function mouseoverIncAbility(d, i) { let mouseText = `${topIncDama[i].Ability}: ${topIncDama[i].Damage > 9999 ? Math.round(topIncDama[i].Damage/100)/10+'k' : topIncDama[i].Damage} dmg - ${Math.round(topIncDama[i].Damage/_.sum(topIncDama.map(x => x.Damage))*100)}%` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) d3.select("text#incDama"+cleanID(topIncDama[i].Ability)).attr('font-weight', 'bold') d3.select("path#incDama"+cleanID(topIncDama[i].Ability)).attr('stroke', 'black') d3.select('rect#incDama'+cleanID(topIncDama[i].Ability)).attr('stroke', 'black') } cumWidth += colSize + padding let incDamaGroup = group.append('g') .attr('transform', 'translate('+cumWidth+', 0)') incDamaGroup.selectAll('empty').data(topIncDamaPie).join('path') .attr('id', (d, i) => 'incDama'+cleanID(topIncDama[i].Ability)) .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', innerArc) .attr('fill', (d, i) => i > 4 ? d3.hcl(5, 10, 80) : d3.hcl(5, 70, damageAbilityLightness[i])) .attr('stroke', 'white') .attr('stroke-width', 2) .on('mouseover', mouseoverIncAbility) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#incDama"+cleanID(topIncDama[i].Ability)).attr('font-weight', 'normal') d3.select("path#incDama"+cleanID(topIncDama[i].Ability)).attr('stroke', 'white') d3.select('rect#incDama'+cleanID(topIncDama[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) incDamaGroup.selectAll('empty').data(incDamaTypePie).join('path') .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', outerArc) .attr('fill', (d, i) => damageColors[incDamageType[i].Type]) .attr('stroke', 'black') .on('mouseover', mouseoverIncType) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#incType"+cleanID(incDamageType[i].Type)).attr('font-weight', 'normal') d3.select("path#incType"+cleanID(incDamageType[i].Type)).attr('stroke', 'white') d3.select('rect#incDama'+cleanID(incDamageType[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) // Incoming damage top let incDamTopGroup = group.append('g') .attr('transform', 'translate('+cumWidth+', '+(colSize+padding)+')') incDamTopGroup.append('text') .text(topIncDama.length > 0 ? 'Top Abilities' : 'No Data') .attr('font-size', fontSize) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', topIncDama.length > 0 ? fontSize : -colSize/2) incDamTopGroup.selectAll('empty').data(topIncDama).join('text') .attr('id', d => 'incDama'+cleanID(d.Ability)) .text(d => { let text = ` ${d.Ability}: ${d.Damage > 9999 ? Math.round(d.Damage/100)/10+'k' : d.Damage} dmg ` return text }) .attr('font-size', smallFontSize) .attr('dx', fontPadding) .attr('dy', (d, i) => fontSize + (smallFontSize+fontPadding)*(i+1) + fontPadding) incDamTopGroup.selectAll('empty').data(topIncDama).join('rect') .attr('transform', (d, i) => 'translate(0,'+(smallFontSize+(smallFontSize+fontPadding)*(i+1) + fontPadding)+')') .attr('width', colSize) .attr('height', smallFontSize) .attr('opacity', 0) .on('mouseover', mouseoverIncAbility) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#incDama"+cleanID(topIncDama[i].Ability)).attr('font-weight', 'normal') d3.select("path#incDama"+cleanID(topIncDama[i].Ability)).attr('stroke', 'white') d3.select('rect#incDama'+cleanID(topIncDama[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) /* ===== INCOMING HEALING ===== */ function mouseoverIncHeal(d, i) { let mouseText = ` ${topIncHeal[i].Ability} - ${Math.round(topIncHeal[i].Heal/_.sum(topIncHeal.map(x => x.Heal))*100)}% ` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) d3.select("text#incHeal"+cleanID(topIncHeal[i].Ability)).attr('font-weight', 'bold') d3.select("path#incHeal"+cleanID(topIncHeal[i].Ability)).attr('stroke', 'black') d3.select('rect#incHeal'+cleanID(topIncHeal[i].Ability)).attr('stroke', 'black') } function mouseoverIncHealPlayer(d, i) { let mouseText = `${topIncHealPlayer[i].Player}: ${topIncHealPlayer[i].Value > 9999 ? Math.round(topIncHealPlayer[i].Value/100)/10+'k' : topIncHealPlayer[i].Value} - ${Math.round(topIncHealPlayer[i].Value/_.sum(topIncHealPlayer.map(x => x.Value))*100)}%` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5) } cumWidth += colSize + padding let incHealGroup = group.append('g') .attr('transform', 'translate('+cumWidth+', 0)') incHealGroup.selectAll('empty').data(topIncHealPie).join('path') .attr('id', (d, i) => 'incHeal'+cleanID(topIncHeal[i].Ability)) .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', innerArc) .attr('fill', (d, i) => i > 4 ? d3.hcl(45, 10, 80) : d3.hcl(45, 80, healAbilityLightness[i])) .attr('stroke', 'white') .attr('stroke-width', 2) .on('mouseover', mouseoverIncHeal) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#incHeal"+cleanID(topIncHeal[i].Ability)).attr('font-weight', 'normal') d3.select("path#incHeal"+cleanID(topIncHeal[i].Ability)).attr('stroke', 'white') d3.select('rect#incHeal'+cleanID(topIncHeal[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) incHealGroup.selectAll('empty').data(topIncHealPlayerPie).join('path') .attr('transform', 'translate('+(colSize/2)+','+(colSize/2)+')') .attr('d', outerArc) .attr('fill', d3.hcl(0, 0, 60)) .attr('stroke', 'black') .on('mouseover', mouseoverIncHealPlayer) .on('mouseout', d => {tooltip.attr('visibility', 'hidden')}) .on('mousemove', mouseMove) // Incoming heal top let incHealTopGroup = group.append('g') .attr('transform', 'translate('+cumWidth+','+(colSize+padding)+')') incHealTopGroup.append('text') .text(topIncHeal.length > 0 ? 'Top Abilities' : 'No Data') .attr('font-size', fontSize) .attr('text-anchor', 'middle') .attr('dx', colSize/2) .attr('dy', topIncHeal.length > 0 ? fontSize : -colSize/2) incHealTopGroup.selectAll('empty').data(topIncHeal).join('text') .attr('id', d => 'incHeal'+cleanID(d.Ability)) .text(d => { let text = ` ${d.Ability}: ${d.Heal > 9999 ? Math.round(d.Heal/100)/10+'k' : d.Heal} HP ` return text }) .attr('font-size', smallFontSize) .attr('dx', fontPadding) .attr('dy', (d, i) => fontSize + (smallFontSize+fontPadding)*(i+1) + fontPadding) incHealTopGroup.selectAll('empty').data(topIncHeal).join('rect') .attr('transform', (d, i) => 'translate(0,'+(smallFontSize+(smallFontSize+fontPadding)*(i+1) + fontPadding)+')') .attr('width', colSize) .attr('height', smallFontSize) .attr('opacity', 0) .on('mouseover', mouseoverIncHeal) .on('mouseout', (d, i) => { tooltip.attr('visibility', 'hidden') d3.select("text#incHeal"+cleanID(topIncHeal[i].Ability)).attr('font-weight', 'normal') d3.select("path#incHeal"+cleanID(topIncHeal[i].Ability)).attr('stroke', 'white') d3.select('rect#incHeal'+cleanID(topIncHeal[i].Ability)).attr('stroke', 'none') }) .on('mousemove', mouseMove) d3.select(tooltip.node()).raise() return group }36:T10c0,function playerSelector(group, tooltip) { tooltip.on('mousemove', mouseMove) function mouseMove(d, i) { let mousePos = d3.mouse(group.node()) let tooltipWidth = tooltip.selectAll('text').node().getBBox().width let leftRight = totalWidth/2 < mousePos[0] ? -(tooltipWidth) : 10 + padding tooltip.attr('transform', 'translate('+((mousePos[0])+leftRight)+','+ (mousePos[1]-padding+pInfoHeight)+')') } function mouseoverPlayer(d, i) { let mouseText = `${damaHeal == 'dama' ? 'Dmg' : 'Heal'}: ${_.sum(d.map(x => x.Value))} | Hits: ${d.length}` let text = tooltip.attr('visibility', 'visible') .selectAll('text').text(mouseText).node() tooltip.selectAll('rect').attr('width', text.getBBox().width+5).attr('height', text.getBBox().height+5) } let outGroup = group.append('g') .attr('class', 'clickable') .on('click', x => {mutable outInc = 'out'}) outGroup.append('rect') .attr('width', playerSelectorWidth/2) .attr('height', fontSize+fontPadding) .attr('stroke', 'black') .attr('fill', outInc == 'out' ? 'gray' : 'white') outGroup.append('text') .text('Outgoing') .attr('fill', outInc == 'out' ? 'white' : 'black') .attr('dx', fontPadding) .attr('dy', fontSize*.75) let incGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate('+(playerSelectorWidth/2)+',0)') .on('click', x => {mutable outInc = 'inc'}) incGroup.append('rect') .attr('width', playerSelectorWidth/2) .attr('height', fontSize+fontPadding) .attr('stroke', 'black') .attr('fill', outInc == 'inc' ? 'gray' : 'white') incGroup.append('text') .text('Incoming') .attr('fill', outInc == 'inc' ? 'white' : 'black') .attr('dx', fontPadding) .attr('dy', fontSize*.75) let damageGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate(0,'+(fontSize+fontPadding)+')') .on('click', x => {mutable damaHeal = 'dama'}) damageGroup.append('rect') .attr('width', playerSelectorWidth/2) .attr('height', fontSize+fontPadding) .attr('stroke', 'black') .attr('fill', damaHeal == 'dama' ? 'gray' : 'white') damageGroup.append('text') .text('Damage') .attr('fill', damaHeal == 'dama' ? 'white' : 'black') .attr('dx', fontPadding) .attr('dy', fontSize*.75) let healGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate('+(playerSelectorWidth/2)+','+(fontSize+fontPadding)+')') .on('click', x => {mutable damaHeal = 'heal'}) healGroup.append('rect') .attr('width', playerSelectorWidth/2) .attr('height', fontSize+fontPadding) .attr('stroke', 'black') .attr('fill', damaHeal == 'heal' ? 'gray' : 'white') healGroup.append('text') .text('Healing') .attr('fill', damaHeal == 'heal' ? 'white' : 'black') .attr('dx', fontPadding) .attr('dy', fontSize*.75) let totalValue = _.sum(playerList.map(x => _.sum(x.map(y => y.Value)))) let playerGroup = group.append('g') .attr('class', 'clickable') .attr('transform', 'translate(0,'+((fontSize+fontPadding)*2+padding)+')') .selectAll('empty').data(playerList).enter().append('g') .attr('transform', (d, i) => 'translate(0,'+((fontSize+fontPadding*2) * i)+')') .on('click', d => {mutable selectedPlayer = d[0][outInc == 'out' ? 'Target' : 'Source']}) .on('mouseover', mouseoverPlayer) .on('mouseout', d => {tooltip.attr('visibility', 'hidden')}) .on('mousemove', mouseMove) playerGroup.append('rect') .attr('width', playerSelectorWidth) .attr('height', fontSize+fontPadding) .attr('fill', 'white') .attr('stroke', d => d[0][outInc == 'out' ? 'Target' : 'Source'] == selectedPlayer ? 'black' : 'white') .attr('opacity', d => d[0][outInc == 'out' ? 'Target' : 'Source'] == selectedPlayer ? 1 : 0) playerGroup.append('text') .text((d, i) => (i+1) + '. ' + d[0][outInc == 'out' ? 'Target' : 'Source'] + ' (' + Math.round(_.sum(d.map(x => x.Value))/totalValue*100) + '%)') .attr('dx', fontPadding) .attr('dy', fontSize-fontPadding) .attr('fill', d => d == selectedPlayer ? 'black' : 'black') d3.select(tooltip.node()).raise() return group }37:T43e,damageIncSplit = { const fight = fights[fightIdx] // Find enemies hit const hits = [...new Set(fight.filter(x => x.Category == 'hit' & x.Source == 'You').map(x => x.Target))] // Find enemies hitting you const takes = [...new Set(fight.filter(x => x.Category == 'hit' & x.Target == 'You').map(x => x.Source))] const enemies = [...new Set(hits.concat(takes))] let playerDamage = [] for (const enemy of enemies) { let tmp = fights[fightIdx].filter(x => x.Source == enemy & x.Target == 'You' & x.Category == 'hit') if (tmp.length > 0) { playerDamage.push(tmp) } else { let dummyPlayer = [{Timestamp: -1, Category: 'hit', Ability: 'No Incoming', Source: enemy, Target: 'You', Value: 0, Crit: false, Type: 'No damage'}] playerDamage.push(dummyPlayer) } } // Sort player by damage playerDamage.sort(function (player1, player2) { // Get total damage for players return _.sum(player2.map(x => x.Value)) - _.sum(player1.map(x => x.Value)) }) playerDamage = playerDamage.filter(x => x.length) return playerDamage }38:T43e,damageOutSplit = { const fight = fights[fightIdx] // Find enemies hit const hits = [...new Set(fight.filter(x => x.Category == 'hit' & x.Source == 'You').map(x => x.Target))] // Find enemies hitting you const takes = [...new Set(fight.filter(x => x.Category == 'hit' & x.Target == 'You').map(x => x.Source))] const enemies = [...new Set(hits.concat(takes))] let playerDamage = [] for (const enemy of enemies) { let tmp = fights[fightIdx].filter(x => x.Source == 'You' & x.Target == enemy & x.Category == 'hit') if (tmp.length > 0) { playerDamage.push(tmp) } else { let dummyPlayer = [{Timestamp: -1, Category: 'hit', Ability: 'No Outgoing', Source: 'You', Target: enemy, Value: 0, Crit: false, Type: 'No damage'}] playerDamage.push(dummyPlayer) } } // Sort player by damage playerDamage.sort(function (player1, player2) { // Get total damage for players return _.sum(player2.map(x => x.Value)) - _.sum(player1.map(x => x.Value)) }) playerDamage = playerDamage.filter(x => x.length) return playerDamage }39:T435,healIncSplit = { const fight = fights[fightIdx] // Find enemies hit const heals = [...new Set(fight.filter(x => x.Category == 'healed' & x.Source == 'You').map(x => x.Target))] // Find enemies hitting you const takes = [...new Set(fight.filter(x => x.Category == 'healed' & x.Target == 'You').map(x => x.Source))] const allies = [...new Set(heals.concat(takes))] let playerHeal = [] for (const ally of allies) { let tmp = fights[fightIdx].filter(x => x.Source == ally & x.Target == 'You' & x.Category == 'healed') if (tmp.length > 0) { playerHeal.push(tmp) } else { let dummyPlayer = [{Timestamp: -1, Category: 'healed', Ability: 'No Incoming', Source: ally, Target: 'You', Value: 0, Crit: false, Type: 'No heal'}] playerHeal.push(dummyPlayer) } } // Sort player by damage playerHeal.sort(function (player1, player2) { // Get total damage for players return _.sum(player2.map(x => x.Value)) - _.sum(player1.map(x => x.Value)) }) playerHeal = playerHeal.filter(x => x.length) return playerHeal }3a:T56f,healOutSplit = { const fight = JSON.parse(JSON.stringify(fights[fightIdx])) // Find enemies hit const heals = [...new Set(fight.filter(x => x.Category == 'healed' & x.Source == 'You').map(x => x.Target))] // Find enemies hitting you const takes = [...new Set(fight.filter(x => x.Category == 'healed' & x.Target == 'You').map(x => x.Source))] const allies = [...new Set(heals.concat(takes))] let playerHeal = [] for (const ally of allies) { let tmp = fight.filter(x => x.Source == 'You' & x.Target == ally & x.Category == 'healed') if (tmp.length > 0) { playerHeal.push(tmp) } else { let dummyPlayer = [{Timestamp: -1, Category: 'healed', Ability: 'No Outgoing', Source: 'You', Target: ally, Value: 0, Crit: false, Type: 'No heal'}] playerHeal.push(dummyPlayer) } } // Absorbed player if (fight.filter(x => x.Category == 'healed').filter(x => x.Type == 'Absorbed').length > 0) { let absorbedHeals = fight.filter(x => x.Type == 'Absorbed') absorbedHeals.forEach((line, i) => absorbedHeals[i].Target = 'Absorbed') playerHeal.push(absorbedHeals) } // Sort player by damage playerHeal.sort(function (player1, player2) { // Get total damage for players return _.sum(player2.map(x => x.Value)) - _.sum(player1.map(x => x.Value)) }) playerHeal = playerHeal.filter(x => x.length) return playerHeal }3b:T14d6,data = { let data = log.split('\r') let rows = [] for (let i = 0; i < data.length; i++) { let row = data[i].replace('\n', '') row = row.split(' ') if (row[1] != 'COMBAT') { continue } // Handle timestamp let timestamp = Date.parse(row[0].replace(' INFO', '')) // Handle event let bloodRose = row[2].includes('50 damage') let barkSkin = row[2].includes('30 damage') let mysteryReflect = row[2].includes('75 damage') let event = row[2].slice(row[2].indexOf('[')+1, -2).split(' ') let source = 'na' if (badNames.includes(event[0])) { // Not player continue } else if (event[0] == 'Your' | event[0] == 'You') { // Yourself source = 'You' } else { // Other player source = event[0] } // Numbered events if (event.includes('for')) { // Get category type let catType = 'na' if (event.includes('restored')) { catType = 'restored' } else if (event.includes('healed')) { catType = 'healed' } else if (event.includes('hit')) { catType = 'hit' } else if (event.includes('drained')) { catType = 'drained' } else { // Not sure what type continue } const catIdx = event.indexOf(catType) // Ability let ability if (bloodRose) { ability = 'Blood Rose' } else if (barkSkin) { ability = 'Bark Skin' } else if (mysteryReflect) { ability = 'Capped Thorns' } else ( ability = event.slice(1, catIdx).join(' ') ) if (ability == 'Food_Head_Chef_Baked_Ice_Cream_Persisted_name') { ability = 'Baked Ice Cream' } // Target let forIdx = event.indexOf('for') if (ability == 'Marked for Death') { // Weird spacing forIdx += 4 } if (ability == 'Go for the Eyes') { // Weird marked for spacing forIdx += 5 } if (ability == 'Chill Out' & catType == 'hit') { // Nonsensical chill out damage continue } const target = event[catIdx + 1] if (badNames.includes(target) | target.includes(':')) { // Not player continue } if (target == 'You' & source == 'You' & catType == 'hit') { // Self hits continue } // Value const valueRegex = /(?<=for )[\d]+/ const value = Number(row[2].match(valueRegex)[0]) //const value = Number(event[forIdx + 1]) const isCrit = event.includes('(Critical).') // Event type let eventType = event.slice(forIdx +2).join(' ').replace('.', '').replace(' (Critical)', '') if (eventType == ' damage') { eventType = 'Untyped' + eventType } if (eventType.includes(' ')) { eventType = 'Untyped' + eventType.slice(eventType.indexOf(' ')+1) } if (eventType.includes('Harvest damage')) { continue } rows.push({ Timestamp: timestamp, Category: catType, Ability: ability, Source: source, Target: target, Value: value, Crit: isCrit, Type: eventType }) if (catType == 'healed' && source == 'You' && event.includes('absorbed)')) { const absorbRegex = /[\d]+(?=\ absorbed)/ const absorbValue = Number(row[2].match(absorbRegex)) rows.push({ Timestamp: timestamp, Category: catType, Ability: ability, Source: source, Target: target, Value: absorbValue, Crit: isCrit, Type: 'Absorbed' }) } } else { if (event.includes('downed')) { // Kill let downIdx, target if (event.includes('been')) { rows.push({ Timestamp: timestamp, Category: 'kill', Ability: 'na', Source: event[event.length-1].replace('!', ''), Target: 'You', Value: 'na', Crit: 'na', Type: 'na' }) continue } else { // Killing someone else downIdx = event.indexOf('downed') target = event[downIdx + 1] } if (badNames.includes(target)) { // Not player continue } if (target == 'yourself!') { // Don't kill yourself! continue } rows.push({ Timestamp: timestamp, Category: 'kill', Ability: 'na', Source: 'You', Target: target.replace('!', ''), Value: 'na', Crit: 'na', Type: 'na' }) } else if (event[1] == 'assisted') { // Assist const assistIdx = event.indexOf('assisted') const source = event[assistIdx + 1] const downIdx = event.indexOf('downing') const target = event[downIdx + 1] if (badNames.includes(target) | badNames.includes(source)) { // Not player continue } rows.push({ Timestamp: timestamp, Category: 'assist', Ability: 'na', Source: source, Target: target.replace('!', ''), Value: 'na', Crit: 'na', Type: 'na' }) } else { // Unknown event continue } } } return rows }3c:T51d,function damaAbilityBreakdown(fight, direction, fightTime) { let data if (direction == 'inc') { // Incoming data = fight.filter(x => x.Category == 'hit' & x.Target == 'You') .map(x => {return {Ability: x.Ability, Value: x.Value, Crit: x.Crit}}) } else { // Outgoing data = fight.filter(x => x.Category == 'hit' & x.Source == 'You') .filter(x => x.Ability != 'Curse of the Keep') .filter(x => x.Ability != 'Fall') .map(x => {return {Ability: x.Ability, Value: x.Value, Crit: x.Crit}}) } // Get unique abilities let abilities = [...new Set(data.map(x => x.Ability))] // Loop through abilities let abilityDamage = [] let damage, hits, crits, filtAbility for (let i = 0; i < abilities.length; ++i) { filtAbility = data.filter(x => x.Ability == abilities[i]) damage = _.sum(filtAbility.map(x => x.Value)) hits = filtAbility.length crits = filtAbility.filter(x => x.Crit).length abilityDamage.push({ Ability: abilities[i], DPS: Math.round(damage/fightTime), Damage: damage, Hits: hits, Crits: Math.round(crits/hits*100)/100, Max: _.max(filtAbility.map(x => x.Value)) }) } // Sort heal abilityDamage = abilityDamage.sort(function(a, b) {return b.Damage - a.Damage}) return abilityDamage }3d:T492,function damaTypeBreakdown(fight, direction) { let filtFight = direction == 'inc'? fight.filter(x => x.Category == 'hit' & x.Target == 'You') : fight.filter(x => x.Category == 'hit' & x.Source == 'You') let types = [...new Set(filtFight.map(x => x.Type))] let typeDamage = [] let damage // Absorb let absRegex = /$\d+ \w+$/ if (types.some(x => absRegex.test(x))) { let absRows = filtFight.filter(x => absRegex.test(x.Type)) damage = 0 const numRegex = /$\d+/ for (let i = 0; i < absRows.length; ++i) { damage += Number(numRegex.exec(absRows[i].Type)[0].slice(1)) } typeDamage.push({Type: 'Absorbed', Damage: damage}) } // Remove absorb types absRegex = /\(\d+ \w+$ / types = types.filter(x => x.includes('damage')).map(x => x.replace(absRegex, '')) types = [...new Set(types)] // Work on each type now let typedFight for (const type of types) { damage = {Type: type, Damage: _.sum(filtFight.filter(x => x.Type.includes(type)).map(x => x.Value))} typeDamage.push(damage) } // Sort damage typeDamage.sort((a, b) => b.Damage - a.Damage) return typeDamage }3e:T4ae,function healAbilityBreakdown(fight, direction, fightTime) { let data if (direction == 'inc') { // Incoming data = fight.filter(x => x.Category == 'healed' & x.Target == 'You') .map(x => {return {Ability: x.Ability, Value: x.Value, Crit: x.Crit}}) } else { // Outgoing data = fight.filter(x => x.Category == 'healed' & x.Source == 'You') .map(x => {return {Ability: x.Ability, Value: x.Value, Crit: x.Crit}}) } // Get unique abilities let abilities = [...new Set(data.map(x => x.Ability))] // Loop through abilities let abilityHeal = [] let heal, hits, crits, filtAbility for (let i = 0; i < abilities.length; ++i) { filtAbility = data.filter(x => x.Ability == abilities[i]) heal = _.sum(filtAbility.map(x => x.Value)) hits = filtAbility.length crits = filtAbility.filter(x => x.Crit).length abilityHeal.push({ Ability: abilities[i], HPS: Math.round(heal/fightTime), Heal: heal, Hits: hits, Crits: Math.round(crits/hits*100)/100, Max: _.max(filtAbility.map(x => x.Value)) }) } // Sort heal abilityHeal = abilityHeal.sort(function(a, b) {return b.Heal - a.Heal}) return abilityHeal }3f:[{"id":"43a5e70ecaa3fbdb32b2869d9c95ed0d6a175720aed46b715e6b6bd7a593b900ee977df882070120bd1cb0272979195dbdd8b569755ef4b9c70058427c46f9aa","href":"https://static.observableusercontent.com/files/43a5e70ecaa3fbdb32b2869d9c95ed0d6a175720aed46b715e6b6bd7a593b900ee977df882070120bd1cb0272979195dbdd8b569755ef4b9c70058427c46f9aa","name":"CombatFile_20211101012750_2110312040.log","type":"text/plain","lastModified":1686086892174.492,"size":525651}] 2f:{"id":"df02f3f553b6b0c6","slug":null,"title":"Raided Crow Demo","thumbnail":"ef190c3e4a9a7c69647a1318d7f820809bb393bdfd422bb4da6be01f200da8fc","access_level":"public","create_time":"$D2023-06-06T21:20:23.996Z","update_time":"$D2023-06-06T21:34:14.047Z","view_time":null,"first_public_time":"$D2023-06-06T21:20:23.996Z","has_unpublished_edits":null,"fork":{"id":"667025f78a5a132b","slug":"raidedcrow","title":"Raided Crow","owner":{"id":"2f0dbf62702936e2","login":"jasonkchow","name":"Jason Chow"}},"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":3316,"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":0,"collection":null,"type":"notebook","body":{"title":"Raided Crow Demo","cells":[{"id":0,"value":"# Raided Crow Demo","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":636,"value":" Get logs here:\n C:\\Users\\\\[USERNAME]\\AppData\\LocalLow\\Art+Craft\\Crowfall\\CombatLogs\n\n ### No need to upload logs for this demo! :)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2332,"value":"viewof controls = inputsGroup([[\n Inputs.number([1, Infinity], {step: 1, label: \"Fight Time Gap\", value: 10, placeholder: 'seconds'}),\n Inputs.number([1, Infinity], {step: 1, label: \"Minimum Events\", value: 30, placeholder: 'events'}),\n Inputs.toggle({label: \"Show fights with no enemies\", value: false})\n]])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1129,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2399,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2711,"value":"tableData = damaHeal == 'dama' ? \n damaAbilityBreakdown(playerAbilityData, outInc, fightTime) :\n healAbilityBreakdown(playerAbilityData, outInc, fightTime) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2611,"value":"playerAbilityData = {\n let data\n if (outInc == 'out' & damaHeal == 'dama') {\n data = damageOutSplit.filter(x => x[0].Source == 'You' & x[0].Target == selectedPlayer)[0]\n } else if (outInc == 'out' & damaHeal == 'heal') {\n data = healOutSplit.filter(x => x[0].Source == 'You' & x[0].Target == selectedPlayer)[0]\n } else if (outInc == 'inc' & damaHeal == 'dama') {\n data = damageIncSplit.filter(x => x[0].Target == 'You' & x[0].Source == selectedPlayer)[0]\n } else {\n data = healIncSplit.filter(x => x[0].Target == 'You' & x[0].Source == selectedPlayer)[0]\n }\n\n if (data === undefined) {\n return []\n }\n\n return data\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2353,"value":"timeGap = controls[0][0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2356,"value":"minEvents = controls[0][1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1381,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1766,"value":"selectedFight = fights[fightIdx]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1436,"value":"fightSelectorScale = d3.scaleLinear()\n .domain([0, d3.max(cumFightTimes)])\n .range([0, totalWidth - ((cumFightTimes.length-1) * padding)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1602,"value":"fightSelectorColorScale = d3.scaleSequential()\n .interpolator(d3.interpolateOranges)\n .domain([1, 100])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1140,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1592,"value":"function durationToStr(time) {\n const minutes = Math.floor(time/60)\n const seconds = Math.round(time%60)\n\n return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1353,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1737,"value":"topOutDamage = {\n let topOutDamage = outDamage.slice(0, 5)\n .map(x => {return {Ability: x.Ability, Damage: x.Damage, DPS: x.DPS, Hits: x.Hits, Crits: x.Crits, Max: x.Max}})\n\n if (outDamage.length > 5) {\n topOutDamage = topOutDamage.concat([{Ability: 'Other', Damage: _.sum(outDamage.slice(6).map(x => x.Damage))}])\n }\n return topOutDamage\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1714,"value":"outDamaPie = d3.pie().value(x => x.Damage).sort((a, b) => {\n a.Type == 'Other' ? -100000000000 : a.Damage - b.Damage\n})(topOutDamage)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1730,"value":"innerArc = d3.arc()\n .innerRadius(3)\n .outerRadius((innerPieSize)/2)\n .padAngle(0.04)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1801,"value":"damageAbilityLightness = d3.range(40, 80, 40/6)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1763,"value":"topOutType = {\n let types = damaTypeBreakdown(selectedFight, 'out')\n if (types.length > 5) {\n types = types.slice(0, 5).concat([{Type: 'Other', Damage: _.sum(types.slice(6).map(x => x.Damage))}])\n }\n return types\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1774,"value":"outTypePie = d3.pie().value(x => x.Damage).sort((a, b) => {\n a.Type == 'Other' ? -100000000000 : a.Damage - b.Damage\n})(topOutType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1780,"value":"outerArc = d3.arc()\n .innerRadius((innerPieSize+padding) / 2)\n .outerRadius(colSize/2)\n .padAngle(0.05)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"outDamage = damaAbilityBreakdown(fights[fightIdx], 'out', fightTime)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1977,"value":"topOutHeal = {\n let topOutHeal = outHeal.slice(0, 5)\n .map(x => {return {Ability: x.Ability, Heal: x.Heal, HPS: x.HPS, Hits: x.Hits, Crits: x.Crits, Max: x.Max}})\n\n if (outHeal.length > 5) {\n topOutHeal = topOutHeal.concat([{Ability: 'Other', Heal: _.sum(outHeal.slice(5).map(x => x.Heal))}])\n }\n \n return topOutHeal\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2004,"value":"outHealPie = d3.pie().value(x => x.Heal).sort((a, b) => {\n a.Ability == 'Other' ? -100000000000 : a.Heal - b.Heal\n})(topOutHeal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2029,"value":"healAbilityLightness = d3.range(40, 90, 50/6)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2035,"value":"topOutHealPlayers = {\n if (allyOutHeal.length > 6) {\n let topTargets = allyOutHeal.slice(0, 6)\n topTargets = topTargets.concat({Player: 'Other', Value: _.sum(allyOutHeal.slice(6).map(x => x.Value))})\n return topTargets\n } else {\n return allyOutHeal\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2056,"value":"outHealTargetPie = d3.pie().value(x => x.Value).sort((a, b) => {\n a.Player == 'Other' ? -100000000000 : a.Value - b.Value\n})(topOutHealPlayers.filter(x => x.Value != 0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2118,"value":"incDamageType = {\n let breakdown = damaTypeBreakdown(selectedFight, 'inc', fightTime)\n if (breakdown.length > 5) {\n let top5 = breakdown.filter(x => x.Type != 'Absorbed damage').slice(0, 5)\n top5 = top5.concat({Type: 'Other', Damage: _.sum(breakdown.slice(5).map(x => x.Damage))})\n return top5\n } else {\n return breakdown\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2126,"value":"incDamaTypePie = d3.pie().value(x => x.Damage).sort((a, b) => {\n a.Type == 'Other' ? -100000000000 : a.Damage - b.Damage\n})(incDamageType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2160,"value":"topIncDama = {\n let abilitySplit = damaAbilityBreakdown(fights[fightIdx], 'inc', fightTime)\n if (abilitySplit.length > 5) {\n let top5Ability = abilitySplit.slice(0, 5)\n top5Ability = top5Ability.concat({Ability: 'Other', Damage: _.sum(abilitySplit.slice(5).map(x => x.Damage))})\n return top5Ability\n }\n\n return abilitySplit\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2172,"value":"topIncDamaPie = d3.pie().value(x => x.Damage).sort((a, b) => {\n a.Ability == 'Other' ? -100000000000 : a.Damage - b.Damage\n})(topIncDama)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2239,"value":"topIncHeal = {\n if (inHeal.length > 5) {\n let topHeal = inHeal.slice(0, 5)\n return topHeal.concat({Ability: 'Other', 'Heal': _.sum(inHeal.slice(5).map(x => x.Heal))})\n } else {\n return inHeal \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2251,"value":"topIncHealPie = d3.pie().value(x => x.Heal).sort((a, b) => {\n a.Ability == 'Other' ? -100000000000 : a.Heal - b.Heal\n})(topIncHeal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2254,"value":"topIncHealPlayer = {\n if (allyIncHeal.length > 6) {\n let topTargets = allyIncHeal.slice(0, 6)\n topTargets = topTargets.concat({Player: 'Other', Heal: _.sum(allyIncHeal.slice(6).map(x => x.Value))})\n return topTargets\n } else {\n return allyIncHeal\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2259,"value":"topIncHealPlayerPie = d3.pie().value(x => x.Value).sort((a, b) => {\n a.Ability == 'Other' ? -100000000000 : a.Value - b.Value\n})(topIncHealPlayer.filter(x => x.Value != 0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1416,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2540,"value":"mutable outInc = 'out'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2541,"value":"mutable damaHeal = 'dama'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2784,"value":"playerList = {\n if (outInc == 'out' & damaHeal == 'dama') {\n return damageOutSplit\n } else if (outInc == 'out' & damaHeal == 'heal') {\n return healOutSplit\n } else if (outInc == 'inc' & damaHeal == 'dama') {\n return damageIncSplit\n } else {\n return healIncSplit\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2890,"value":"mutable clickedPlayer = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2579,"value":"mutable selectedPlayer = playerList > 0 ? playerList[0][0][outInc == 'out' ? 'Target' : 'Source'] : ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1179,"value":"monthList = [\n 'Jan',\n 'Feb',\n 'Mar',\n 'Apr',\n 'May',\n 'Jun',\n 'Jul',\n 'Aug',\n 'Sep',\n 'Oct',\n 'Nov',\n 'Dec'\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2138,"value":"damageColors = {\n return {\n 'Slashing damage': 'blue',\n 'Crushing damage': 'brown',\n 'Piercing damage': 'lightblue',\n 'Fire damage': 'orange',\n 'Ice damage': 'cyan',\n 'Electricity damage': 'indigo',\n 'Nature damage': 'green',\n 'Poison damage': 'lawngreen',\n 'Disease damage': 'khaki',\n 'Bleed damage': 'red',\n 'Holy damage': 'yellow',\n 'Untyped damage': 'seashell',\n 'Unavoidable damage': 'seashell',\n 'Absorbed': 'pink',\n 'Other': 'whitesmoke'\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"fightSelectorHeight = 20","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1133,"value":"summaryHeight = 125","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1756,"value":"innerPieSize = 200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"pieTopHeight = fontSize + (smallFontSize + fontPadding) * 6 + fontPadding * 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1344,"value":"colSize = totalWidth / 4 - (padding * .75)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1419,"value":"playerInfoHeight = playerList.length >= tableData.length ?\n (fontSize*1.1 + fontPadding) * (3 + playerList.length) :\n tableData.length * (fontSize+fontPadding) + fontSize + fontPadding + padding","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1420,"value":"playerSelectorWidth = 200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1422,"value":"playerInfoWidth = totalWidth - padding - playerSelectorWidth","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1170,"value":"fontSize = 20","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1877,"value":"smallFontSize = 12","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1881,"value":"fontPadding = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1126,"value":"totalWidth = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1131,"value":"totalHeight = fightSelectorHeight + summaryHeight + colSize + pieTopHeight + fontSize + playerInfoHeight + padding * 7","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1127,"value":"padding = 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3239,"value":"fSelectorHeight = padding + fontSize + padding","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3241,"value":"sumHeight = fSelectorHeight + fightSelectorHeight + padding","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3246,"value":"pieHeight = sumHeight + pieTopHeight","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3250,"value":"pInfoHeight = pieHeight + colSize + padding + pieTopHeight + padding * 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1054,"value":"fightLabels = fights.map(x => new Date(x[0].Timestamp))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1068,"value":"mutable fightIdx = 0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1696,"value":"selectedTime = fightLabels[fightIdx]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"fights = {\n const msGap = timeGap * 1000\n let segData = []\n let startIdx\n for (let i = 0; i < data.length; ++i) {\n if (i == 0) {\n startIdx = 0\n } else {\n if (data[i].Timestamp - data[i - 1].Timestamp > msGap) {\n segData.push(data.slice(startIdx, i))\n startIdx = i\n }\n }\n }\n\n // Don't forget to save last fight\n segData.push(data.slice(startIdx))\n\n // Filter out fights without enough events\n segData = segData.filter(x => x.length > minEvents)\n\n // Filter out fights without enemies involved\n if (!controls[0][2]) {\n segData = segData.filter(x => x.some(d => d.Category == 'hit')) \n }\n \n if (segData.length < fightIdx + 1 && segData.length > 0) {\n mutable fightIdx = segData.length -1\n }\n \n return segData\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1439,"value":"fightTimes = fights.map(x => (x.slice(-1)[0].Timestamp - x[0].Timestamp)/1000)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1469,"value":"cumFightTimes = {\n let cumFightTimes = []\n let totalFightTimes = 0\n for (const fight of fightTimes) {\n totalFightTimes += fight\n cumFightTimes.push(totalFightTimes)\n }\n return cumFightTimes\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"value":"fightTime = (fights[fightIdx].slice(-1)[0].Timestamp - fights[fightIdx][0].Timestamp)/1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"outHeal = healAbilityBreakdown(fights[fightIdx], 'out', fightTime)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"inDamage = damaAbilityBreakdown(fights[fightIdx], 'inc', fightTime)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"enemyIncDamage = playerSplit(damageIncSplit, 'inc')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2458,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2462,"value":"enemyOutDamage = playerSplit(damageOutSplit, 'out')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2489,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2492,"value":"allyIncHeal = playerSplit(healIncSplit, 'inc')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2438,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2452,"value":"allyOutHeal = playerSplit(healOutSplit, 'out')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":425,"value":"inHeal = healAbilityBreakdown(fights[fightIdx], 'inc', fightTime)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3040,"value":"badNames = [\n 'Banewood',\n 'Ward',\n 'Fort',\n 'Tree',\n 'Outpost',\n 'Cleric', \n 'Templar', \n 'Confessor', \n 'Urgu',\n 'Ranger', \n 'Major',\n 'Herald',\n 'Thrall',\n 'Elaith',\n 'Knight',\n 'Satyr',\n 'Enbarri',\n 'Underhill',\n 'Aracoix',\n 'Sun',\n 'Elemental',\n 'Mature',\n 'Recluse',\n 'Painted',\n 'Alpha',\n 'Elder',\n 'Muskhog',\n 'Hellcat',\n 'Jumping',\n 'Highlands',\n 'Onyx-Horn',\n 'Wolf',\n 'Gryphon',\n 'Gray',\n 'River',\n 'Cold',\n 'Stink',\n 'Feral',\n 'Arkon',\n 'Cybele',\n 'Gaea',\n 'Illara',\n 'Kane',\n 'Kronos',\n 'Maeve',\n 'Malekai',\n 'Valkyn',\n 'Yaga',\n 'Zaleena',\n 'for',\n 'Feel',\n 'Fire',\n 'Cheap',\n 'Go',\n 'The',\n 'Hellfire',\n 'Professional',\n 'Blinkstep',\n 'Garrote',\n 'Shrapnel',\n 'Campfire',\n 'Dusk',\n 'Whirlwind',\n 'Healing',\n 'Spiritual'\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"log = {\n // let log = await fetch(URL.createObjectURL(upload))\n\n // return log.text()\n return FileAttachment(\"CombatFile_20211101012750_2110312040.log\").text();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2464,"value":"function playerSplit(splitEvents, direction) {\n let playerValues = splitEvents.map(x => _.sum(x.map(y => y.Value)))\n\n let playerDir = direction == 'inc' ? 'Source' : 'Target'\n let values = []\n for (let i = 0; i < playerValues.length; ++i) {\n values.push({'Player': splitEvents[i][0][playerDir], 'Value': playerValues[i]})\n }\n\n return values\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2314,"value":"function cleanID(string) {\n return string.replace(/ /g, '').replace(\"'\", '').replace(':', '')\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":853,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":865,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"dfd = require('danfojs@0.0.15/dist/index.min.js').catch(() => {\n window.dfd.Series.prototype.print = window.dfd.DataFrame.prototype.print = function() { return print(this) };\n return window.dfd;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"import {inputsGroup} from \"@bumbeishvili/input-groups\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1542,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"function print(df) {\n const {col_types, series, columns, index, values} = df;\n const table = html`\n

\n \n \n \n \n ${series\n ? html``\n : columns.map((name, i) => html``)}\n \n \n \n ${values.map((row, i) => html`\n \n \n ${series\n ? html``\n : row.map((v, j) => html``)}\n \n `)}\n \n

	${columns}	${name}
${index[i]}	${row}	${v}

\n \n `;\n table.value = df;\n return table;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1705,"value":"html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3f","stdlib":"1","titling":"auto"}} 30:"$2f:body"