renderTooltip = (tooltip, event) => { // Sample tooltip generation function const data = event.target.__data__ const leanFormat = d => d3.format('+.0f')(d*100) const pFormat = d3.format('.1%') const winsNumber = (value, party) => (value > 0) ? `${value} ${party} win${(value !== 1) ? 's' : ''}` : `${value} ${party} wins` // console.log(data) tooltip.html(`

${data.district}

${data.locale}

${data.isMajorityNative ? `

(Majority-Native district)

` : ''}

Has voted on average ${pFormat(data.davesRating.R)} R and ${pFormat(data.davesRating.D)} D

according to Dave's Redistricting

Legislative elections

${data.legislativeElections.sort((a,b) => b.year - a.year).map(elex => { return `

${elex.year}: ${elex.winnerParty}${leanFormat(elex.winnerPercentMargin)} (${elex.winner})

` }).join('')}

Partisan lean scores

${data.davesRating.R > data.davesRating.D ? `R` : `D`}${leanFormat(Math.abs(data.davesRating.R - data.davesRating.D))} per Dave's Redistricting index

${data.avgGOPLeanStatewideRaces > 0 ? `R` : `D`}${leanFormat(Math.abs(data.avgGOPLeanStatewideRaces))} in major statewide races

${ data.avgGOPLeanLegislativeRaces ? `

${data.avgGOPLeanLegislativeRaces > 0 ? `R` : `D`}${leanFormat(Math.abs(data.avgGOPLeanLegislativeRaces))} in contested legislative races

` : ''}

Major statewide races since '16

${winsNumber(data.statewideWins.R, 'R')} vs. ${winsNumber(data.statewideWins.D, 'D')}

`) const toolTipStyle = tooltipDefaultStyle // object Object.keys(toolTipStyle).forEach(key => { tooltip.style(key, toolTipStyle[key]) }) tooltip .style("top", (event.pageY-10)+"px") .style("left",(event.pageX+10)+"px") }