example-1-7.js

var dataCirclesGroup = vis.append('svg:g');

var circles = dataCirclesGroup
    .selectAll('.data-point')
    .data(data);

circles
    .enter()
    .append('svg:circle')
    .attr('class', 'dot')
    .attr('fill', function() { return "red"; })
    .attr('cx', function(d) { return x(d["date"]); })
    .attr('cy', function(d) { return y(d["DAU"]); })
    .attr('r', function() { return 3; })
    .on("mouseover", function(d) {
        d3.select(this)
            .attr("r", 8)
            .attr("class", "dot-selected")
            .transition()
            .duration(750);
    })
    .on("mouseout", function(d) {
        d3.select(this)
        .attr("r", 3)
        .attr("class", "dot")
        .transition()
        .duration(750);
    });