With the help of d3.rollup() method, we can get the reduced map from an iterable data structure having keys and values.
Syntax:
d3.rollup(iterable, reduce, ...keys)
Return value: It will return the reduced map from iterables.
Note: To execute the below examples you have to install the d3 library by using the command prompt for the following command.
npm install d3
Example 1: In this example, we can see that by using the d3.rollup() method, we are able to get the reduced map from an iterable data structure having keys and values.
JavaScript
// Defining d3 contrib variable
const 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" }
]
let gfg = d3.rollup(data, g => g.length, d => d.amount);
console.log(gfg);
Output:
Map { '34.0' => 1, '120.11' => 1, '12.01' => 1, '34.05' => 1 }
Example 2:
JavaScript
// Defining d3 contrib variable
const 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" }
]
const gfg = d3.rollup(data, g => g.length, d => d.name, d => d.date);
console.log(gfg);
Output:
Map {
'ABC' => Map { '11/12/2019' => 1 },
'DEF' => Map { '11/02/2020' => 1, '03/04/2020' => 1 },
'MNO' => Map { '01/04/2020' => 1 }
}
Explore
JavaScript Basics
Array & String
Function & Object
OOP
Asynchronous JavaScript
Exception Handling
DOM
Advanced Topics