D3 Examples - bl.ocks.org test for d3.unconf!

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="style.css"/>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
</head>
<body>
    <div id="viz"></div>
    <script type="text/javascript">
​
    var myCircle = d3.select("#viz")
        .append("svg")
        .attr("width", 1000)
        .attr("height", 1000);    
​
    myCircle
        .append("circle")
        .style("stroke", "black")
        .style("fill", "white")
        .attr("r", 40)
        .attr("cx", 50)
        .attr("cy", 50)
        .on("mouseover", function(){d3.select(this).style("fill", "mediumvioletred");})
        .on("mouseout", function(){d3.select(this).style("fill", "aliceblue");});
​
/*
    button.on("click", function() {
          myCircle
            .transition()
            .delay(250)
            .attr("x", 320)
            .ease("elastic");
        })
*/
    </script>
</body>
</html>
    