D3.js time.copy() Function Last Updated : 23 Aug, 2020 Suggest changes Share Like Article Like Report The time.copy() function in D3.js is used to construct and return the copy of the original scale. Changes done to the original scale will not affect the copy scale and vice-versa. Syntax: time.copy() Parameters: This function does not accept any parameter. Return Values: This function returns the copy of the original scale. Below programs illustrate the time.copy() function in D3.js: Example 1: HTML <!DOCTYPE html> <html> <head> <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> <h1 style="color: green;">GeeksforGeeks</h1> <p>time.copy() Function </p> <script> var time = d3.scaleTime() // Setting domain and range // for the scale .domain([1, 100]) .range([1, 10]); // Creating a copy of the scale var copy = time.copy(); document.write("<h3>time(1): " + time(1) + "</h3>"); document.write("<h3>time(100): " + time(100) + "</h3>"); document.write("<p> copy scale: </p>"); document.write("<h3>copy(100): " + copy(100) + "</h3>"); document.write("<h3>copy(1): " + copy(1) + "</h3>"); </script> </body> </html> Output: Example 2: HTML <!DOCTYPE html> <html> <head> <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> <h1 style="color: green;">GeeksforGeeks</h1> <p>time.copy() Function </p> <script> var time = d3.scaleTime() // Setting domain and range // for the scale. .domain([1, 100]) .range([1, 10]); // Creating a copy of the scale var copy = time.copy(); document.write("<h3>time(1000): " + time(1000) + "</h3>"); document.write("<h3>time(100000): " + time(10000) + "</h3>"); // Using clamp on the copy of the scale document.write( "<p> copy scale with clamp function.</p>"); copy.clamp(true); document.write("<h3>copy(1000): " + copy(1000) + "</h3>"); document.write("<h3>copy(10000): " + copy(10000) + "</h3>"); </script> </body> </html> Output: T tarun007 Follow Article Tags : JavaScript Web Technologies D3.js Explore JavaScript BasicsIntroduction to JavaScript4 min readVariables and Datatypes in JavaScript6 min readJavaScript Operators5 min readControl Statements in JavaScript4 min readArray & StringJavaScript Arrays7 min readJavaScript Array Methods7 min readJavaScript Strings5 min readJavaScript String Methods9 min readFunction & ObjectFunctions in JavaScript5 min readJavaScript Function Expression3 min readFunction Overloading in JavaScript4 min readObjects in JavaScript4 min readJavaScript Object Constructors4 min readOOPObject Oriented Programming in JavaScript3 min readClasses and Objects in JavaScript4 min readWhat Are Access Modifiers In JavaScript ?5 min readJavaScript Constructor Method7 min readAsynchronous JavaScriptAsynchronous JavaScript2 min readJavaScript Callbacks4 min readJavaScript Promise4 min readEvent Loop in JavaScript4 min readAsync and Await in JavaScript2 min readException HandlingJavascript Error and Exceptional Handling6 min readJavaScript Errors Throw and Try to Catch2 min readHow to create custom errors in JavaScript ?2 min readJavaScript TypeError - Invalid Array.prototype.sort argument1 min readDOMHTML DOM (Document Object Model)9 min readHow to select DOM Elements in JavaScript ?3 min readJavaScript Custom Events4 min readJavaScript addEventListener() with Examples9 min readAdvanced TopicsClosure in JavaScript4 min readJavaScript Hoisting6 min readScope of Variables in JavaScript3 min readJavaScript Higher Order Functions7 min readDebugging in JavaScript4 min read My Profile ${profileImgHtml} My Profile Edit Profile My Courses Join Community Transactions Logout Like