The d3.cross() function in D3.js is used to return the cartesian product of the given two arrays A and B.
Syntax:
d3.cross(Array1, Array2)
Parameters: This function accepts two parameters which are mentioned above and described below:
- Array1: This is the first array whose elements are going to be performed cartesian product with array2.
- Array2: This is the second array whose elements are going to be performed cartesian product with array1.
Return Value: It returns the cartesian product array of two-element each of two given array.
Below programs illustrate the d3.cross() function in D3.js.
Example 1:
<html>   <head>     <title>       Getting cartesian product       of the two given array   </title> </head>   <body>   </script>       <script>         // initialising the array of elements         var Array1 = [10, 20, 30];         var Array2 = [1, 2, 3];           // Calling to d3.cross() function         A = d3.cross(Array1, Array2);           // Getting cartesian product of the two given array         document.write(A + "<br>");     </script> </body>   </html> |
Output:
[[10, 1], [10, 2], [10, 3], [20, 1], [20, 2], [20, 3], [30, 1], [30, 2], [30, 3]]
Example 2:
<html>   <head>     <title>       Getting cartesian product       of the two given array   </title> </head>   <body>   </script>       <script>         // initialising the array of elements         var Array1 = ["A", "B", "C"];         var Array2 = ["a", "b", "c"];           // Calling to d3.cross() function         A = d3.cross(Array1, Array2);           // Getting cartesian product of the two given array         document.write(A + "<br>");     </script> </body>   </html> |
Output:
[[A, a], [A, b], [A, c], [B, a], [B, b], [B, c], [C, a], [C, b], [C, c]]
Ref: https://devdocs.io/d3~4/d3-array#cross
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen 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!
