D3 Examples - Tooltip as a d3 helper

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
    <script type="text/javascript" src="./tooltip.js"></script>
</head>
<body>
    <div class="viz"></div>
    <script type="text/javascript">
​
    var sampleSVG = d3.select(".viz")
        .append("svg")
        .attr("width", 600)
        .attr("height", 100);    
​
    var data = [];
​
    for (var i = 0; i < 100; i++) data.push(i);
​
​
    sampleSVG.selectAll("circle")
        .data(data)
        .enter().append("circle")
        .style("stroke", "gray")
        .style("fill", "aliceblue")
        .attr("r", 40)
        .attr("cx", function(d, i){return i*100 + 50;})
        .attr("cy", 50)
        .call(d3.helper.tooltip()
                .attr("class", function(d, i) { return d + " " +  i + " A"; })
                .attr("d", "b")
                .text(function(d, i){return "value: "+d;}));
​
    </script>
</body>
</html>
    