D3.js time.domain() Function Last Updated : 31 Aug, 2020 Comments Improve Suggest changes Like Article Like Report The time.domain() function in d3.js is used to set the domain for the time scale. If the domain is not specified then the default domain is [2000-01-01, 2000-01-02]. Syntax: time.domain([domain]); Parameters: This function accepts one parameter that is given above and described below. domain: This takes an array of number. The default value is [2000-01-01, 2000-01-02]. Return Values: This function does not return anything. Example 1: HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" path1tent="width=device-width, initial-scale=1.0" /> <title>Geeks for geeks</title> <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>D3.js time.domain() Function </p> <script> var time = d3.scaleTime() // Setting domain for the scale .domain([2011 - 01 - 01, 2015 - 05 - 02]); document.write("<h3>time(1): " + time(1) + "</h3>"); document.write("<h3>time(2): " + time(2) + "</h3>"); document.write("<h3>time(3): " + time(3) + "</h3>"); document.write("<h3>time(4): " + time(4) + "</h3>"); </script> </body> </html> Output: Example 2: The following example demonstrates the above function when the domain is of type string. HTML <!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> <h1 style="color:green;"> GeeksforGeeks </h1> <p>D3.js time.domain() Function </p> <script> // Setting domain for the scale var time = d3.scaleTime() .domain(["2011-01-01", "2015-05-02"]); document.write("<h3>time(10): " + time(10) + "</h3>"); </script> </body> </html> Output: Example 3: HTML <!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> <h1 style="color:green;"> GeeksforGeeks </h1> <p>D3.js time.domain() Function </p> <script> // Setting domain for the scale var time = d3.scaleTime() .domain([1, 100]) // default range is used. document.write("<h3>time(1): " + time(1) + "</h3>"); document.write("<h3>time(2): " + time(2) + "</h3>"); document.write("<h3>time(3): " + time(3) + "</h3>"); document.write("<h3>time(4): " + time(4) + "</h3>"); </script> </body> </html> Output: Comment More infoAdvertise with us T tarun007 Follow Improve Article Tags : JavaScript Web Technologies D3.js Explore JavaScript Tutorial 8 min read JavaScript BasicsIntroduction to JavaScript 4 min read JavaScript Versions 2 min read How to Add JavaScript in HTML Document? 3 min read JavaScript Syntax 6 min read JavaScript Output 4 min read JavaScript Comments 2 min read JS Variables & DatatypesVariables and Datatypes in JavaScript 6 min read Global and Local variables in JavaScript 4 min read JavaScript Let 6 min read JavaScript const 5 min read JavaScript Var Statement 7 min read JS OperatorsJavaScript Operators 5 min read Operator precedence in JavaScript 2 min read JavaScript Arithmetic Operators 5 min read JavaScript Assignment Operators 5 min read JavaScript Comparison Operators 5 min read JavaScript Logical Operators 5 min read JavaScript Bitwise Operators 5 min read JavaScript Ternary Operator 4 min read JavaScript Comma Operator 2 min read JavaScript Unary Operators 4 min read JavaScript in and instanceof operators 3 min read JavaScript String Operators 3 min read JS StatementsJavaScript Statements 4 min read JavaScript if-else 3 min read JavaScript switch Statement 4 min read JavaScript Break Statement 2 min read JavaScript Continue Statement 1 min read JavaScript Return Statement 4 min read JS LoopsJavaScript Loops 3 min read JavaScript For Loop 4 min read JavaScript While Loop 3 min read JavaScript For In Loop 3 min read JavaScript for...of Loop 3 min read JavaScript do...while Loop 4 min read JS Perfomance & DebuggingJavaScript | Performance 4 min read Debugging in JavaScript 4 min read JavaScript Errors Throw and Try to Catch 2 min read JS ObjectObjects in Javascript 4 min read Object Oriented Programming in JavaScript 3 min read JavaScript Objects 6 min read Creating objects in JavaScript 5 min read JavaScript JSON Objects 3 min read JavaScript Object Reference 4 min read JS FunctionFunctions in JavaScript 4 min read How to write a function in JavaScript ? 4 min read JavaScript Function Call 2 min read Different ways of writing functions in JavaScript 3 min read Difference between Methods and Functions in JavaScript 3 min read Explain the Different Function States in JavaScript 3 min read JavaScript Function Complete Reference 3 min read JS ArrayJavaScript Arrays 7 min read JavaScript Array Methods 7 min read Best-Known JavaScript Array Methods 6 min read Important Array Methods of JavaScript 7 min read JavaScript Array Reference 4 min read Like