D3.js rollup() method

0 0 1 minute read

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 } 
  }

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!