Упростить данные в формате JSON временных рядов построены в D3.js области диаграммы

Question

Мы отображение временных рядов данных (использование вычислительного ресурса, отобранное ежечасно в течение нескольких месяцев) на гистограмме многоуровневого D3.js:

d3.json("/growth/instance_count_1month.json", function(data) { 

    data.forEach(function(d) { 
     d.datapoints = d.datapoints.map(
     function(da) { 
      // NOTE i'm not sure why this needs to be multiplied by 1000 
      return {date: new Date(da[1] * 1000), 
        count: da[0]}; 
     }); 
    }); 

    x.domain(d3.extent(data[0].datapoints, function(d) { return d.date; })); 
    y.domain([0, 
       Math.ceil(d3.max(data.map(function (d) {return d3.max(d.datapoints, function (d) { return d.count; });}))/100) * 100 
      ]); 

результат довольно Spiky на мой вкус:

есть простой способ упростить данные, либо с помощью D3 или другой легко доступной библиотеки? Я хочу уменьшить остроту, но также уменьшить объем данных, которые нужно графизировать, так как он выйдет из-под контроля.

У меня есть предпочтение делать это на уровне пользовательского интерфейса, а не прикасаясь к каротажным процедурам (даже если избыточные данные в формате JSON должны будут быть переданы.)

Answer 1

У вас есть несколько вариантов, вы должны решили что лучше всего подходит для типа данных, которые у вас есть, и о потребностях в нем. Не зная больше о ваших данных, лучшее, что я могу предложить, это повторная выборка. Просто сообщите данные с более длинными интервалами («свертывание» данных). В качестве альтернативы вы можете использовать скользящее среднее значение или посмотреть на различные алгоритмы сглаживания линии.