d3-tip
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/d3-tip package

    0.9.1 • Public • Published

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

    Keywords

    Install

    npm i d3-tip

    DownloadsWeekly Downloads

    46,640

    Version

    0.9.1

    License

    MIT

    Unpacked Size

    21 kB

    Total Files

    5

    Last publish

    Collaborators

    • avatar
    • avatar