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= 
    "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:

<!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 ordinal.copy() Function

tarun007

Improve

Article Tags :

D3.js log.copy() Function

Similar Reads

Thank You!

What kind of Experience do you want to share?