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>
</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:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
23 Aug, 2020
Like Article
Save Article