d3-tip 0,0,2,0,2,0 editorconfig Bower circleci npm

d3 tooltips

d3.tip: Tooltips for d3.js visualizations

API Docs

See the API Documentation

Download Latest Version

Install with Bower

bower install d3-tip

Quick Usage

/* 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.

<link rel="stylesheet" href="//rawgithub.com/Caged/d3-tip/master/examples/example-styles.css">

Related Repositories

d3-tip

d3-tip

d3 tooltips ...

d3-tip-rails

d3-tip-rails

Provides d3-tip to Rails 3.1+ via the asset pipeline. ...

d3-tip

d3-tip

Simple text-based tooltips for d3.js ...

d3-tip

d3-tip

d3 tooltips ...

d3-tip

d3-tip

Simple text-based tooltips for d3.js ...


Top Contributors

Caged vdh deanmalmgren kbroman besson-genostar kessler balasuar isaacplmann deciob clbn ahx panchenko BrentSouza bkg bmount chiester josh GUI surjikal peterkshultz romainneutron WesTyler

Dependencies

package version
d3-collection ^1.0.1
d3-selection ^1.0.2
dev eslint ^3.3.1
eslint-config-airbnb-base ^5.0.3
eslint-plugin-import ^1.14.0

Releases

-   v0.8.0-alpha.1 zip tar
-   v0.7.1 zip tar
-   v0.7.0 zip tar
-   v0.6.8 zip tar
-   v0.6.7 zip tar
-   v0.6.6 zip tar
-   v0.6.5 zip tar
-   v0.6.4 zip tar
-   v0.6.3 zip tar
-   v0.6.2 zip tar
-   v0.6.1 zip tar
-   v0.6.0 zip tar
-   v0.5.4 zip tar
-   v0.5.3 zip tar
-   v0.5.2 zip tar
-   v0.5.1 zip tar
-   v0.5.0 zip tar
-   v0.5.0-alpha.1 zip tar
-   v0.5.0-alpha zip tar
-   v0.4.1 zip tar
-   v0.4.0 zip tar
-   v0.3.0 zip tar
-   v0.2.0 zip tar
-   v0.1.0 zip tar