Blue Radial SVG Gradient with D3.js

gradient.js

 var blueRadialGradientStops = [{
        "color": "#0189DF", "offset":0
        }, {
            "color": "#005A9B", "offset":30
        }, {
            "color": "#00326A", "offset":63
        }, {
            "color": "#071932", "offset":100
        }
    ];

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

    defs.append('radialGradient')
        .attr('id', 'blueRadialGradient')
        .attr('cx', '35%')
        .attr('cy', '18.5%')
        .attr('fx', '35%')
        .attr('fy', '18.5%')
        .attr('r', '100%')
        .selectAll('stop')
        .data(blueRadialGradientStops)
        .enter()
        .append('stop')
        .attr('stop-color', function(d) { return d.color; })
        .attr('offset', function(d) { return d.offset + '%'; });

    svg.append('rect')
        .attr('width', width)
        .attr('height', height)
        .attr('fill', 'url(#blueRadialGradient)');