Анимация круговой диаграммы на D3.js при загрузке страницы

(function() {
    'use strict';
    var PieChart = function PieChart(el, data, options) {
        var arc = d3.svg.arc();
        var tweenArc = function tweenArc(b) {
            return function (a, i) {
                var d = b.call(this, a, i), i = d3.interpolate(a, d);
                for (var k in d) {
                    a[k] = d[k];
                }
                return function (t) {
                    return arc(i(t));
                };
            };
        };
        var defaultOptions = {
            width: 660,
            height: 500,
            outerRadius: 1,
            innerRadius: 0.3,
            pieAngle: 0.03,
            piecesDownscaling: 10
        };
        var opts = Object.assign({}, defaultOptions, options);
        var pieLayout = d3.layout.pie().sort(null).padAngle(opts.pieAngle);
        var outerR = Math.min(opts.width, opts.height) / 2 * opts.outerRadius;
        var innerR = Math.min(opts.width, opts.height) / 2 * opts.innerRadius;
        var color = d3.scale.category20();
        var data = pieLayout(data);
        var scaleDown = 1 - opts.piecesDownscaling / 100;
        var svg = d3.select(el).append('svg').attr('width', opts.width).attr('height', opts.height);
        var $arcs = svg.selectAll('.arc').data(data);
        _appendArcs($arcs);
        function _arcInit(data) {
            data.forEach(function (arc, i) {
                arc.innerRadius = innerR;
                arc.outerRadius = innerR;
            });
            return data;
        }
        ;
        function _appendArcs($newArcs, animOpts) {
            var _animOpts = {
                dur: 1000,
                ease: 'elastic',
                stagger: 100,
                delay: 0
            };
            var ao = Object.assign({}, _animOpts, animOpts);
            $newArcs.data(_arcInit(data)).enter().append('g').attr('class', 'arc').attr('transform', 'translate(' + opts.width / 2 + ',' + opts.height / 2 + ')').append('path').attr('fill', function (d, i) {
                return color(i);
            }).attr('d', arc).transition().duration(ao.dur).ease(ao.ease).delay(function (d, i) {
                return i * ao.stagger + ao.delay;
            }).attrTween('d', tweenArc(function (d, i) {
                return {
                    innerRadius: innerR,
                    outerRadius: outerR * Math.pow(scaleDown, i)
                };
            }));
        }
        ;
        var _newArcs = function _newArcs(newData) {
            var arcs0 = data;
            var arcs1 = newData;
            data = newData;
            arcs0.forEach(function (arc, i) {
                arc.innerRadius = innerR;
                arc.outerRadius = outerR * Math.pow(scaleDown, i);
                arc.next = arcs1[i];
            });
            return arcs0;
        };
        return {
            updateData: function updateData(newData) {
                var newData = pieLayout(newData);
                var nd = newData;
                var na = _newArcs(newData);
                var $arcs = svg.selectAll('.arc').data(na);
                _appendArcs($arcs, { dur: 500 });
                $arcs.data(nd).exit().remove();
                $arcs.data(na).select('path').transition().duration(1000).ease('elastic').attrTween('d', tweenArc(function (d, i) {
                    return {
                        startAngle: d.next ? d.next.startAngle : d.startAngle,
                        endAngle: d.next ? d.next.endAngle : d.endAngle
                    };
                }));
            }
        };
    };
 
    var myData = [75, 25];
    var test = new PieChart('.pie-chart', myData);
})();