D3.js scaleTime() Function

D3.js scalePoint() Function

Last Updated : 18 Sep, 2020

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:

D3.js scaleTime() Function

T

tarun007

Improve

Article Tags :

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

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

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

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.

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

D3.js scaleQuantile() Function

The d3.scaleQuantile() function in D3.js is used to create and return a new quantile scale that has the specified domain and range. In case the domain or the range is not specified, each value is set to empty array by default. Syntax: d3.scaleQuantile( domain, range ) Parameters: This function accep

D3.js | d3.scaleIdentity() Function

The d3.scaleIdentity() function in D3.js is used to construct a new identity scale with the unit domain [0, 1] and the unit range [0, 1].Syntax: d3.scaleIdentity().domain(array of values).range(array of values); Parameters: This function does not accept any parameters.Return Value: This function ret

D3.js zoom.scaleBy() Function

The zoom.scaleBy() Function in D3.js is used to scale the current zoom transform of the selected elements by k. The reference point p does move.Syntax:zoom.scaleBy(selection, k[, p])Parameters: This function accepts three parameters as mentioned above and described below:selection: This parameter ca

D3.js zoom.scaleTo() Function

The zoom.scaleTo() function in D3.js is used to scale the current zoon transform of the selected elements to k.Syntax:zoom.scaleTo(selection, k[, p])Parameters: This function accept two parameter as mentioned above and described belowselection: This parameter can be selection or transition.k: This p

D3.js scaleTime time() Function

The time() function of d3.scaleTime() is used to return a value from and within the given range from the specified domain. Syntax: time(value) Parameter: This function accepts only one parameter as mentioned above and described below. value: This accepts a value from the specified domain. Return Val