Skip to content
Related Articles

Related Articles

D3.js log.copy() Function
  • Last Updated : 31 Aug, 2020

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:




<!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=
    </script>
    <script src=
    </script>
    <script src=
    </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:




<!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=
    </script>
    <script src=
    </script>
    <script src=
    </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:

My Personal Notes arrow_drop_up
Recommended Articles
Page :