D3.js Template

HTML

<svg></svg>

CSS

body {
  background: #000000;
}

 @-webkit-keyframes input-shadow {
    0% {
        box-shadow: none;
    }
    50% {
        box-shadow: 0px 0px 26px #FFFFFF;
    }
    100% {
        box-shadow: none;
    }
  }

@keyframes input-shadow {
    0% {
        box-shadow: none;
    }
    50% {
        box-shadow: 0px 0px 26px #FFFFFF;
    }
    100% {
        box-shadow: none;
    }
 }
circle.circle_animation {
  __border-radius:100%;
  __width:100px;
  __height:100px;
  __background: white;
-webkit-animation:input-shadow ease-in-out 2s infinite; /* Chrome, Safari, Opera */
animation:input-shadow ease-in-out 2s infinite;

}

JavaScript

var svg = d3.select('svg');

var dataSet = [10];

var circle = svg.selectAll('circle')
    .data(dataSet)
    .enter()
    .append('circle')
    .attr({
        r:function(d){ return d },
        cx:function(d, i){ return i * 100 + 50 },
        cy:50,
        fill: 'white',
        class:'circle_animation'
    });