D3.js pow.invert() Function Last Updated : 23 Aug, 2020 Comments Improve Suggest changes Like Article Like Report The pow.invert() function is used to return a value from the domain when given a value from the range. This inversion is useful for interaction such as determining the data value that corresponds to the position of the mouse. Syntax: pow.invert( value ) Parameters: This function accepts only one parameter as given above and described below: value: It is a number that belongs to any value in the given range. Return Values: This function returns a number from the domain. The program below illustrates the pow.invert() function in D3.js: Example 1: Taking all elements of range to be positive. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>GeeksforGeeks</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> <h2 style="color: green">GeeksforGeeks</h2> <p>pow.invert() Function </p> <script> var pow = d3.scalePow() .domain([0, 1]) .range([1, 2, 3, 4, 5, 6]); document.write("<h3> pow.invert(1): " + pow.invert(1) + "</h3>"); document.write("<h3>pow.invert(2): " + pow.invert(2) + "</h3>"); document.write("<h3>pow.invert(3): " + pow.invert(3) + "</h3>"); document.write("<h3> pow(pow.invert(1)): " + pow(pow.invert(1)) + "</h3>"); document.write("<h3>pow(pow.invert(2)): " + pow(pow.invert(2)) + "</h3>"); document.write("<h3>pow(pow.invert(3)): " + pow(pow.invert(3)) + "</h3>"); </script> </body> </html> Output: Example 2: Taking a range array such that it contains positive and negative numbers both. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>GeeksforGeeks</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> <h2 style="color: green">GeeksforGeeks</h2> <p>pow.invert() Function </p> <script> var pow = d3.scalePow() .domain([-1, 1]) .rangeRound([10, 20, 30, 40, 50, 60]) .exponent(2); document.write("<h3> pow.invert(1): " + pow.invert(1) + "</h3>"); document.write("<h3>pow.invert(2): " + pow.invert(2) + "</h3>"); document.write("<h3>pow.invert(3): " + pow.invert(3) + "</h3>"); document.write("<h3> pow(pow.invert(-1)): " + pow(pow.invert(-1)) + "</h3>"); document.write("<h3>pow(pow.invert(-2)): " + pow(pow.invert(-2)) + "</h3>"); document.write("<h3>pow(pow.invert(-1)): " + pow(pow.invert(-3)) + "</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