D3.js scalePoint() Function Last Updated : 18 Sep, 2020 Summarize Comments Improve Suggest changes Share Like Article Like Report The d3.scalepoint() function is used to create and return a new point scale with a particular domain and range, no rounding, no padding, and center alignment. Syntax: d3.scalePoint([[domain, ]range]); Parameters: This function takes two parameters as given above and described below: domain: It defines the minimum and maximum value for the scale. By default, the domain contain an empty array.range: Every value in domain maps with value in the range. The default range is [0,1]. 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" /> <script src= "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Creating the point scale with // specified domain and range. var point = d3.scalePoint() // Setting domain for the scale .domain(["red", "green", "black", "blue"]) // Setting the range for the scale. .range([0.1, 0.2, 0.3, 0.4, 0.5]); console.log("point(red)", point("red")); console.log("point(black)", point("black")); console.log("point(green)", point("green")); console.log("point(blue)", point("blue")); </script> </body> </html> Output: Example 2: 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> </head> <body> <script> // Creating the point scale with // specified domain and range. var point = d3.scalePoint() // Setting domain for the scale .domain([0, 1, 2, 3, 4, 5, 6]) // Setting the range for the scale. .range([3, 4, 0.5]); console.log("point(1)", point("1")); console.log("point(3)", point("3")); console.log("point(5)", point("5")); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article D3.js scalePoint() Function T tarun007 Follow Improve Article Tags : JavaScript Web Technologies D3.js Similar Reads D3.js scalePow() Function The d3.scalePow() function is used to create and return a new continuous scale. This scale has a specified domain and range. Generally, it acts as a linear scale but when used with exponent it works in a different way. Syntax: d3.scalePow([[domain, ]range]); Parameters: This function accepts two par 2 min read D3.js scaleOrdinal() Function The d3.scaleOrdinal() function is used to create and return the ordinal scale which has the specified range and domain. If the domain and range are not given then both are set to empty array. These types of scales have a discrete domain and range. Syntax: d3.scaleOrdinal([[domain, ]range]); Paramete 2 min read D3.js scaleLog() Function The d3.scaleLog() function is used to create a new continuous scale with the user-defined domain and range, the default base is 10. clamping is disabled by default in this scale. Syntax: d3.scaleLog([[domain, ]range]) Parameters: This function accepts two parameters as mentioned above and described 2 min read D3.js scaleTime() Function The d3.scaleTime() function is used to create and return a new time scale which have the particular domain and range. In this function the clamping is disabled by default. Syntax: d3.scaleTime([[domain, ]range]); Parameter: This function accepts two parameters as mentioned above and described below. 2 min read D3.js scaleQuantize() Function The d3.scaleQuantize() function in d3.js is used to create a new scale that is similar to linear scales except that linear scales use a discrete and dis-continuous scale. Syntax: d3.scaleQuantize(); Parameters: This function does not accept any parameter. Return Value: A function is returned by d3.s 2 min read Like