d3.tip: Tooltips for d3.js visualizations


* See a live demo
* Example code

$3

See the API Documentation

$3

* Development Version : 6kb / ~2kb gzipped

$3

``
npm install d3-tip
`

$3

`javascript
/ Initialize tooltip /
tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d; });

/ Invoke the tip in the context of your visualization /
vis.call(tip)

vis.selectAll('rect')
.data(data)
.enter()
.append('rect')
.attr('width', function() { return x.rangeBand() })
.attr('height', function(d) { return h - y(d) })
.attr('y', function(d) { return y(d) })
.attr('x', function(d, i) { return x(i) })
.on('mouseover', tip.show)
.on('mouseout', tip.hide)
`

If you want basic styling, you can include example-styles.css using a service like
rawgithub.com.

`html

``