d3.js - Consulta sobre valores interpolados

Question

Estou trabalhando em uma visulaização http://bost.ocks.org/mike/nations/:

Eu tenho uma consulta sobre a função de interpolação. Inicialmente, o mousemove é chamado, que chama o Displayear, onde os dados interapolados são chamados.

    function mousemove() {
      displayYear(yearScale.invert(d3.mouse(this)[0]));
    }
  }

  // Tweens the entire chart by first tweening the year, and then the data.
  // For the interpolated data, the dots and label are redrawn.
  function tweenYear() {
    var year = d3.interpolateNumber(thisyear, 2009);
    return function(t) { displayYear(year(t)); };
  }

  // Updates the display to show the specified year.
  function displayYear(year) {
    //alert(year);
    thisyear=year;

    dot.data(interpolateData(year), key).call(position).sort(order);
    label.text(Math.round(year));
  }

  // Interpolates the dataset for the given (fractional) year.
  function interpolateData(year) {
    return nations.map(function(d) {
      return {
        name: d.name,
        region: d.region,
        checkins: interpolateValues(d.checkins, year),
        teamsize: interpolateValues(d.teamsize, year),
        Checkintimes: interpolateValues(d.Checkintimes, year)
      };


// Finds (and possibly interpolates) the value for the specified year.
  function interpolateValues(values, year) {
    var i = bisect.left(values, year, 0, values.length - 1),
        a = values[i];
    if (i > 0) {
      var b = values[i - 1],
          t = (year - a[0]) / (b[0] - a[0]);
      return a[1] * (1 - t) + b[1] * t;
    }
    return a[1];
  }

O que essa função faz? Tentei depuração e descobri que ele compara 2 anos e faz um cálculo e depois retorna os valores. Alguém pode elaborar isso?

O arquivo JSON contém

[
{

    "name":"India",
    "region":"South Asia",
    "income":[[2000,225],[2001,225],[2002,226],[2003,227],[2004,229],[2005,230],[2006,231],[2007,244],[2008,254],[2009,253]],
    "population":[[2000,41542812],[2001,41623424],[2002,41866106],[2003,42186202],[2004,41521432],[2005,41827315],[2006,42127071],[2007,42420476],[2008,42707546],[2009,42707546]],
    "lifeExpectancy":[[2000,43.56],[2001,43.86],[2002,44.22],[2003,64.61],[2004,56.05],[2005,56.52],[2006,66.02],[2007,68.54],[2008,67.06],[2009,73.58]]
}

]

Answer 1

O que esse código é para o caso é que um ano (ou mais) de dados está faltando, o que não parece ser o caso nos dados de exemplo que você postou. Primeiro, ele encontra o ponto de dados mais próximo do ano em que ele está usando bisect.left e, em seguida, calcula uma extrapolação entre o ponto de dados anterior e o ponto de dados atual para o ano solicitado.

Note em particular que year - a[0] No seu caso, sempre será 0, pois todos os anos estão presentes (isso calcula a diferença entre o ano solicitado e encontrado). Portanto, todo o termo será 0 e o valor de retorno corresponde a a[1].

Se o ano solicitado não estiver presente, t indica o fator que descreve a mudança entre o ano anterior b e o ano atual a. Este fator de mudança é usado para extrapolar o passado a Para obter o valor para o ano solicitado.