Parcela rodante / media móvil en d3.js

Buscando una manera de trazar la media móvil / móvil en d3 sin tener que manipular los datos de antemano. Así que quiero suavizar la línea promediando cada punto de datos con los dos siguientes. Mi codigo es asi

var data = [3, 66, 2, 76, 5, 20, 1, 3, 8, 90, 2, 5, 70];

var w = 20,
    h = 80;

var x = d3.scale.linear()
    .domain([0, 1])
    .range([0, w]);
var y = d3.scale.linear()
    .domain([0, 100])
    .rangeRound([h, 0]);

var chart = d3.select("body").append("svg")
    .attr("class", "chart")
    .attr("width", w * data.length -1)
    .attr("height", h);

var line = d3.svg.line()
    .x(function(d,i) { return x(i); })
    .y(function(d) { return y(d); })


var movingAverageLine = d3.svg.line()
    .x(function(d,i) { return x(i); })
    .y(function(d) { return y(d); })

chart.append("svg:path").attr("d", line(data));
chart.append("svg:path").attr("d", movingAverageLine(data));

¿Puedo especificar movingAverageLine para calcular el promedio de los siguientes puntos de datos? No puedo pensar en una forma de acceder a ellos en esa función.

He configurado un ejemplo en jsfiddle.http://jsfiddle.net/tjjjohnson/XXFrg/2/#run