d3-tip

WebJar for d3-tip

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

d3-tip
Last Version

Last Version

0.8.0-alpha.1
Release Date

Release Date

Type

Type

jar
Description

Description

d3-tip
WebJar for d3-tip
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/Caged/d3-tip

Download d3-tip

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/d3-tip/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>d3-tip</artifactId>
    <version>0.8.0-alpha.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/d3-tip/
implementation 'org.webjars.bower:d3-tip:0.8.0-alpha.1'
// https://jarcasting.com/artifacts/org.webjars.bower/d3-tip/
implementation ("org.webjars.bower:d3-tip:0.8.0-alpha.1")
'org.webjars.bower:d3-tip:jar:0.8.0-alpha.1'
<dependency org="org.webjars.bower" name="d3-tip" rev="0.8.0-alpha.1">
  <artifact name="d3-tip" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='d3-tip', version='0.8.0-alpha.1')
)
libraryDependencies += "org.webjars.bower" % "d3-tip" % "0.8.0-alpha.1"
[org.webjars.bower/d3-tip "0.8.0-alpha.1"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : d3-collection jar [1.0.1,2)
org.webjars.bower : d3-selection jar [1.0.2,2)

Project Modules

There are no modules declared in this project.

d3.tip: Tooltips for d3.js visualizations

API Docs

See the API Documentation

Download Latest Version

Install with NPM

npm 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">

Versions

Version
0.8.0-alpha.1
0.7.1
0.6.7