function tooltipMouseOver(d, i, t) { let el = d3.select("body"); let div = el .append("g") .append("div") .attr("class", "tooltip") .style("opacity", 0); div .html(` Name: ${d.character.name}
Nationality: ${d.character.nationality}
` + (!leaving ? ` ${ d.character.first_mentioned_book === book ? 'First Mentioned: Chapter '+ d.character.first_mentioned_chapter + '
' : ''} ${ d.character.first_appeared_book === book ? 'First Appeared: Chapter '+ d.character.first_appeared_chapter + '
' : ''} ` : '') + (leaving ? ` ${ d.character.first_mentioned_book ? 'First Mentioned: '+ d.character.first_mentioned_book + ' ' + (d.character.first_mentioned_chapter ? d.character.first_mentioned_chapter : '') +'
' : ''} ${ d.character.first_appeared_book ? 'First Appeared: '+ d.character.first_appeared_book +' ' + (d.character.first_appeared_chapter ? d.character.first_appeared_chapter : '') +'
' : ''} ${ d.character.last_appeared_book ? 'Last Appeared: '+ d.character.last_appeared_book +' ' + (d.character.last_appeared_chapter ? d.character.last_appeared_chapter : '') +'
' : ''} ${ d.character.last_mentioned_book ? 'Last Mentioned: '+ d.character.last_mentioned_book +' ' + (d.character.last_mentioned_chapter ? d.character.last_mentioned_chapter : '') +'
' : ''} ` : '')) .style("left", (d3.event.pageX + 10) + "px") .style("top", (d3.event.pageY - 10) + "px") .transition(t) .style("opacity", 0.9) ; let el2 = d3.select(this); el2 .transition(t) .style("fill-opacity", 0.9) .style("stroke", "black") .style("stroke-width", "1px") .style("stroke-opacity", 0.7); }