Open In App

D3.js log.copy() Function

Last Updated : 31 Aug, 2020
Improve
Improve
Like Article
Like
Save
Share
Report

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:




                                 


                            

                                

                                    Like Article
                                    
                                

                                

                                    
                                    Suggest improvement
                                

                            


                            

                                                            

                                    
                                        
                                        Previous
                                    
                                    
                                    

                                        D3.js bisect() Function
                                    

                                

                                                            

                                    
                                        Next
                                        
                                    
                                    
                                    

                                        Fabric.js Image borderScaleFactor Property
                                    

                                

                                                        

                            
    

        

            Share your thoughts in the comments
        

        
    
                            

            

                

                    

                    
                
 
                
    
                            

                                

                            


                            


            

        
 
                        

                                                

                        
                                                    

                                

                                    Similar Reads                                    
                                

                                
      
                                    
        
            

                What is shallow copy and deep copy in JavaScript ?
            

        
    
        
            

                p5.js log() function
            

        
    
        
            

                Node.js console.log() Function
            

        
    
        
            

                D3.js log.clamp() Function
            

        
    
        
            

                D3.js log.rangeRound() Function
            

        
    
        
            

                D3.js log.range() Function
            

        
    
        
            

                D3.js log.invert() Function
            

        
    
        
            

                D3.js log.domain() Function
            

        
    
        
            

                D3.js log.tickFormat() Function
            

        
    
        
            

                D3.js log.ticks() Function
            

        
                                    

                            

                                                                        

                                

                                    
                                                                    

                            


                        

                        

                            

                                

                                    

                                        
T

        

            
        

        

                                    


                                    

                                        tarun007                                

                            

                            

            
                                

                            

                                                                    

                                        
Article Tags : 

                                        
                                    

                                                                                            

                                                                                    

                              

                            

                                                        
                        

                    

                

            

        
        


        

                


			
		
		                
        

    

    

        

            

            

        

    












	

    
  

  
  






    
        We use cookies to ensure you have the best browsing experience on our website. By using our site, you
        acknowledge that you have read and understood our
        Cookie Policy &
        Privacy Policy
            
    







   Lightbox