D3.js log.copy() Function

The log.copy() function is used to create and return the exact copy of the original scale. This copy is not a reference to the original scale so any change in the original scale will not affect the copy scale.

Syntax:

log.copy()

Parameters: This function does not accept any parameters.

Return Values: This function returns the exact copy of the original scale.

Below given are a few examples of the function given above.

Example 1:

html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent=
        "width=device-width, initial-scale=1.0"/>
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
    <script src=
    "https://d3js.org/d3-color.v1.min.js">
    </script>
    <script src=
    "https://d3js.org/d3-interpolate.v1.min.js">
    </script>
    <script src=
    "https://d3js.org/d3-scale-chromatic.v1.min.js">
    </script>
</head>


<body>
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>
    
    <p>D3.js log.copy() Function</p>

    <script>
        var log = d3.scaleLog()
            .domain([1, 20])
            .range([10, 20, 30, 40, 50, 60]);

        // Using log.copy() Function
        let logCopy = log.copy();
        document.write("<h3>Original scale: "
                + log(1) + "</h3>");

        document.write("<h3>Copy scale: " 
                + logCopy(1) + "</h3>");
    </script>
</body>

</html>

Output:

Example 2:

html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent="width=device-width, 
    initial-scale=1.0" />
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
    <script src=
    "https://d3js.org/d3-color.v1.min.js">
    </script>
    <script src=
    "https://d3js.org/d3-interpolate.v1.min.js">
    </script>
    <script src=
    "https://d3js.org/d3-scale-chromatic.v1.min.js">
    </script>
</head>

<body>
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>

    <p>D3.js log.copy() Function</p>

    <script>
        var log = d3.scaleLog()
            .domain([1, 20])
            .range([10, 20, 30, 40, 50, 60]);

        // Using log.copy() Function
        let logCopy = log.copy();
        document.write("<h3>Original scale: " 
                    + log(15) + "</h3>");

        document.write("<h3>Copy scale: " 
                    + logCopy(15) + "</h3>");
                    
        log.interpolate(d3.interpolateRound);

        document.write("<p>Changes in original "
            + "scale does not affect copy scale.</p>");

        document.write("<h3>Original scale: " 
                        + log(15) + "</h3>");

        document.write("<h3>Copy scale: " 
                    + logCopy(15) + "</h3>");
    </script>
</body>

</html>

Output:

D3.js log.copy() Function

Explore