t-viSNE: Interactive Assessment and Interpretation of t-SNE Projections
https://doi.org/10.1109/TVCG.2020.2986996
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.1 KiB
38 lines
1.1 KiB
# d3.tip: Tooltips for d3.js visualizations
|
|
|
|
[](http://bl.ocks.org/Caged/6476579)
|
|
|
|
* [See a live demo](http://bl.ocks.org/Caged/6476579)
|
|
* [Example code](/examples)
|
|
|
|
### API Docs
|
|
See the [API Documentation](docs/index.md)
|
|
|
|
### Download Latest Version
|
|
* [Development Version](https://raw.github.com/Caged/d3-tip/master/index.js) : **6kb** / **~2kb gzipped**
|
|
|
|
### Install with Bower
|
|
```
|
|
bower install d3-tip
|
|
```
|
|
|
|
### Quick Usage
|
|
``` 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) })
|
|
/* Show and hide tip on mouse events */
|
|
.on('mouseover', tip.show)
|
|
.on('mouseout', tip.hide)
|
|
```
|
|
|