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> <script src= </script> <script src= </script> <script src= </script> </head> <body> <h2 style="color:green;"> neveropen </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> <script src= </script> <script src= </script> <script src= </script> </head> <body> <h2 style="color:green;"> neveropen </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:


… [Trackback]
[…] Find More Info here on that Topic: geeksforgeeks.org/d3-js-log-copy-function/ […]