Método acumulativo D3.js()

Con la ayuda del método d3.rollups() , podemos obtener la array anidada reducida en lugar del mapa de la estructura de datos iterables que tiene clave y valores.

Sintaxis:

 d3.rollups(iterable, reduce, ...keys)

Valor de retorno: devolverá la array anidada reducida en lugar del mapa.

Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d3 utilizando el símbolo del sistema para el siguiente comando.

npm install d3

Ejemplo 1: en este ejemplo, podemos ver que al usar el método d3.rollups() podemos obtener la array anidada reducida en lugar del mapa anidado de una estructura de datos iterables que tiene clave y valores.

// Defining d3 contrib variable  
var d3 = require('d3');
  
data = [
  {name: "ABC",   amount: "34.0",   date: "11/12/2015"},
  {name: "DEF",  amount: "120.11", date: "11/12/2015"},
  {name: "MNO", amount: "12.01",  date: "01/04/2016"},
  {name: "ABC", amount: "34.05",  date: "01/04/2016"}
]
  
var gfg = d3.rollups(data, g => g.length, d => d.name);
  
console.log(gfg);

Producción:

[ [ 'ABC', 2 ], [ 'DEF', 1 ], [ 'MNO', 1 ] ]

Ejemplo 2:

// Defining d3 contrib variable  
var d3 = require('d3');
  
data = [
  {name: "ABC",   amount: "34.0",   date: "11/12/2019"},
  {name: "DEF",  amount: "120.11", date: "11/02/2020"},
  {name: "MNO", amount: "12.01",  date: "01/04/2020"},
  {name: "DEF", amount: "34.05",  date: "03/04/2020"}
]
  
var gfg = d3.rollups(data, g => g.length, d => d.name, d => d.date);
  
console.log(gfg);

Producción:

[ [ 'ABC', [ [Array] ] ],
  [ 'DEF', [ [Array], [Array]]],
  [ 'MNO', [ [Array] ] ] ]