looker/d3-tip

Name: d3-tip

Owner: looker

Description: d3 tooltips

Created: 2015-04-03 18:36:34.0

Updated: 2015-11-06 22:34:46.0

Pushed: 2015-11-09 19:17:13.0

Homepage: http://labratrevenge.com/d3-tip

Size: 479

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Looker modified version of:

d3.tip: Tooltips for d3.js visualizations

• See a live demo
• Example code

API Docs

See the API Documentation

Download Latest Version

• Development Version : 6kb / ~2kb gzipped

Install with Bower

r install d3-tip

Quick Usage

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

nvoke the tip in the context of your visualization */
call(tip)

selectAll('rect')
ata(data)
er().append('rect')
ttr('width', function() { return x.rangeBand() })
ttr('height', function(d) { return h - y(d) })
ttr('y', function(d) { return y(d) })
ttr('x', function(d, i) { return x(i) })
n('mouseover', tip.show)
n('mouseout', tip.hide)

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

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