Skip to content
Related Articles

Related Articles

D3.js scaleQuantile quantile() Function

View Discussion
Improve Article
Save Article
  • Last Updated : 23 Aug, 2020
View Discussion
Improve Article
Save Article

The quantile() function of d3.scaleQuantile() in D3.js is used to return a value from the range corresponding to the given input value. This input value lies in the specified domain.

Syntax:

quantile( value )

Parameters: This function accepts a single parameter as given above and described below:

  • value: It takes a numeric value that lies in the domain.

Return Values: This function return a value corresponding to the specified range.

The below program illustrates the quantile() function in D3.js:

Example:

HTML




<!DOCTYPE html>
<html>
  
<head>
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
    <script src="https://d3js.org/d3-color.v1.min.js">
    </script>
    <script src=
    </script>
    <script src=
    </script>
</head>
  
<body>
    <h1 style="color: green">GeeksforGeeks</h1>
  
    <p>d3.scaleQuantile | quantile() Function </p>
  
    <script>
        var quantile = d3.scaleQuantile()
  
            // Setting domain and range
            // for the scale
            .domain([1, 10])
            .range([0, 960]);
  
        // Printing the output using the
        // quantile() function
        document.write(
            "<h3>" + quantile(1) + "</h3>");
        document.write(
            "<h3>" + quantile(5) + "</h3>");
        document.write(
            "<h3>" + quantile(9) + "</h3>");
        document.write(
            "<h3>" + quantile(10) + "</h3>");
    </script>
</body>
  
</html>


Output:


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!