D3.js chord() Function

D3.js d3.cross() function

Last Updated : 10 Oct, 2024

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.

Example 1: This example shows the use of cross() function.

HTML

<!DOCTYPE html>

<html>

<head>
    <title>
        Getting cartesian product
        of the two given array
    </title>
</head>

<body>
    <script src='https://d3js.org/d3.v4.min.js'>
    </script>

    <script>
        // initialising the array of elements
        let Array1 = [10, 20, 30];
        let 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: This example shows the use of cross() function.

HTML

<!DOCTYPE html>

<html>

<head>
    <title>
        Getting cartesian product
        of the two given array
    </title>
</head>

<body>
    <script src='https://d3js.org/d3.v4.min.js'>
    </script>

    <script>
        // initialising the array of elements
        let Array1 = ["A", "B", "C"];
        let 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]]

D3.js chord() Function

K

Kanchan_Ray

Improve

Article Tags :

Similar Reads

D3.js | d3.color() Function

The d3.color() function in D3.js is used to parse the specified CSS color used as parameter of the function and return RGB or HSL color. If specifier is not given, then null is returned. Syntax: d3.color(color); Parameters: This function accepts single parameter color which specifies the CSS color.

D3.js chord() Function

The d3.chord() function in D3.js is used to return a constructed new chord layout with the default settings. Syntax: d3.chord() Parameters: This function does not accept any parameters. Return Value: This function returns the constructed new chord layout. Below programs illustrate the d3.chord() fun

D3.js | d3.continuous() Function

The d3.continuous() function in D3.js is used to return the corresponding value from the range if a value from the domain is given.Syntax: d3.continuous().domain(array of values).range(array of values); Parameters: This function does not accept any parameters.Return Value: This function returns the

D3.js creator() Function

The d3.creator() function is used to return a function that creates an element whose name is given as a parameter in the function. Syntax: d3.creator( name ); Parameters: This function accepts single parameter as mentioned above and described below: name: It is the name of the container or HTML tag

D3.js brush() Function

The d3.brush() function in D3.js is used to new create a 2-D brush. The brush is generally created SVG element. Syntax: d3.brush(); Parameters: This function does not accept any parameters. Return Value: This function returns a newly created brush. Example: In this example, we will create a brush of

D3.js arc() Function

The d3.arc() function is used to generate an arc generator that produce a circular chart. It is based on the difference between the start angle and the end angle. Syntax: d3.arc(); Parameters: This function does not accept any parameters. Return Values: This function returns an arc generator functio

D3.js dsv() Function

The d3.dsv() function in D3.js is a part of the request API that returns a request for the file of type DSV. The mime type is text/DSV. Syntax:d3.dsv(delimiter, inputfile, function);Parameters: This function accepts three parameters as mentioned above and described below: delimiter: It is the delimi

D3.js closePath() Function

The d3.closePath() function is used to close the current ongoing subpath and is almost the same as SVG's closepath command. Syntax: d3.closePath() Parameters: It does not accept any parameters. Return Value: It does not return any value. Example 1: C/C++ Code <!DOCTYPE html> <html lang=

D3.js | d3.hcl() Function

The d3.hcl() function in D3.js is used to construct a new HCL color and returns HCL properties of the specified color taken as the parameter of the function. Syntax: d3.hcl(color); Parameters: This function accepts single parameter color which is used to specify the CSS color. Return Value: This fun

D3.js | d3.rgb() Function

The d3.rgb() function in D3.js is used to return RGB value of the specified CSS color. Syntax: d3.rgb(color); Parameters: This function accepts single parameter color which is used to specify the CSS color. Return Value: This function returns RGB value of the given CSS color. Below programs illustra