D3.js | d3.continuous() Function

Last Updated : 10 Feb, 2021

The d3.continuous() function in D3.js is used to return the corresponding value from the range if a value from the domain is given.
Syntax:

d3.continuous().domain(array of values).range(array of values);

Parameters: This function does not accept any parameters.
Return Value: This function returns the corresponding range value for the domain’s value.
Below programs illustrate the d3.continuous() function in D3.js:
Example 1:

javascript

<!DOCTYPE html>
<html>
     
<head>
    <title>
        D3.js | d3.continuous() Function
    </title>
     
    <script src = 
        "https://d3js.org/d3.v4.min.js">
    </script>
</head>
 
<body>
    <script>
         
        // Calling the scaleLinear() function
        var A = d3.scaleLinear().domain([10, 50])
                .range([0, 100]);
         
        // Getting the corresponding range for
        // the domain value
        console.log(A('15'));
        console.log(A('20'));
        console.log(A('25'));
        console.log(A('30'));
    </script>
</body>
 
</html>

Output:

Example 2:

javascript

<!DOCTYPE html>
<html>
     
<head>
    <title>
        D3.js | d3.continuous() Function
    </title>
     
    <script src = 
        "https://d3js.org/d3.v4.min.js">
    </script>
</head>
 
<body>
    <script>
         
        // Calling the scaleLinear() function
        var A = d3.scaleLinear().domain([1, 5])
                .range([0, 10]);
          
        // Getting the corresponding range for
        // the domain value
        console.log(A('1'));
        console.log(A('2'));
        console.log(A('3'));
        console.log(A('4'));
    </script>
</body>
 
</html>