Tooltip.js

d3.select('body').append('tooltip').attr('id', 'tooltip').attr('opacity', 0).attr('style', 'position: absolute;')

d3.select('svg')
.selectAll('circle').data(['a','b','c']).enter()
.append('circle')
.attr('r',5)
.on('mouseover', function(d) {
  d3.select('#tooltip').attr('opacity', 1).text(d);
})
.on('mouseout', function() {
  d3.select('#tooltip').attr('opacity', 0);
})
.on('mousemove', function() {
  d3.select('#tooltip').attr('left', d3.event.pageX).attr('right', d3.event.pageY)
})