Método D3.js group()

Con la ayuda del método d3.group() , podemos agrupar la estructura de datos iterables en un mapa donde la clave se define como el elemento de iterable y los valores como una array.

Sintaxis:

d3.group( iterable, ...keys )

Valor devuelto: Devuelve el mapa teniendo clave como elemento y valor como array.

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

npm install d3

Ejemplo 1: en este ejemplo, podemos verlo usando el método d3.group() . Podemos obtener el mapa del grupo iterable donde la clave es un elemento y el valor como una array.

// 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: "XYZ", amount: "34.05",  date: "01/04/2016"}
]
  
var grouped_data = d3.group(data, d => d.name)
  
console.log(grouped_data)

Producción:

Mapa {
‘ABC’ => [ { nombre: ‘ABC’, cantidad: ‘34.0’, fecha: ’12/11/2015′ } ],
‘DEF’ => [ { nombre: ‘DEF’, cantidad: ‘120.11 ‘, fecha: ’11/12/2015′ } ],
‘MNO’ => [ { nombre: ‘MNO’, cantidad: ‘12.01’, fecha: ’01/04/2016′ } ],
‘XYZ’ => [ { nombre: ‘XYZ’, monto: ‘34.05’, fecha: ’04/01/2016′ } ]
}

Ejemplo 2:

// 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: "XYZ", amount: "34.05",  date: "01/04/2016"}
]
  
var grouped_data = d3.group(data, 
        d => d.name, d => d.amount)
  
console.log(grouped_data)

Producción:

Map {
  'ABC' => Map { '34.0' => [ [Object] ] },
  'DEF' => Map { '120.11' => [ [Object] ] },
  'MNO' => Map { '12.01' => [ [Object] ] },
  'XYZ' => Map { '34.05' => [ [Object] ] } 
}