The quantile.domain() function is used to set the domain for the quantile scale. The given domain array must not be empty and must contain at least one numeric value.
Syntax:
quantile.domain([domain]);
Parameters: This function takes only one parameter as given above and described below.
- domain: This parameter sets the domain of the scale i.e. the minimum and the maximum value. It accepts an array of discrete numeric values. The array must contain at least one numeric value.
Return Value: This function does not return any value.
Below examples illustrate the quantile.domain() function in D3.js:
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>
</head>
<body>
<h2 style="color: green;">GeekforGeeks</h2>
<p>quantile.domain() Function</p>
<script>
var quantile = d3.scaleQuantile()
// Setting domain for the scale
.domain([1000])
// Setting the range of the scale
.range([16]);
// Printing the output
document.write("<h3>quantile(10): "
+ quantile(10) + "</h3>");
document.write("<h3>quantile(20): "
+ quantile(20) + "</h3>");
</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>
</head>
<body>
<h2 style="color: green;">GeekforGeeks</h2>
<p>quantile.domain() Function</p>
<script>
var quantile = d3.scaleQuantile()
// Setting domain for the scale
.domain([1, 2, 3, 4])
// Setting the range of the scale
.range([6, 16, 24, 28]);
// Printing the output
document.write("<h3>quantile(1): "
+ quantile(1) + "</h3>");
document.write("<h3>quantile(2): "
+ quantile(2) + "</h3>");
document.write("<h3>quantile(3): "
+ quantile(3) + "</h3>");
document.write("<h3>quantile(4): "
+ quantile(4) + "</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!