La función d3.scaleQuantile() en D3.js se usa para crear y devolver una nueva escala de cuantiles que tiene el dominio y el rango especificados. En caso de que no se especifique el dominio o el rango, cada valor se establece en una array vacía de forma predeterminada.
Sintaxis:
d3.scaleQuantile( domain, range )
Parámetros: esta función acepta dos parámetros, como se indicó anteriormente y se describe a continuación:
- dominio: es una array de solo números enteros que define la extensión de los valores del dominio. Es un parámetro opcional. El valor predeterminado se establece en array vacía.
- rango: Es una array de enteros o strings. Es un parámetro opcional. El valor predeterminado se establece en array vacía.
Valores devueltos: esta función no devuelve nada.
Los siguientes programas ilustran la función d3.scaleQuantile() en D3.js:
Ejemplo 1:
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=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<p>d3.ScaleQuantile() Function </p>
<script>
// Using scaleQuantile function
var quantile = d3.scaleQuantile()
.domain([0, 1])
.range(["blue", "yellow", "green"]);
document.write("<h3>" +
quantile(0) + "</h3>");
document.write("<h3>" +
quantile(0.3) + "</h3>");
document.write("<h3>" +
quantile(0.5) + "</h3>");
document.write("<h3>" +
quantile(0.9) + "</h3>");
</script>
</body>
</html>
Producción:
Ejemplo 2:
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=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<p>d3.ScaleQuantile() Function </p>
<script>
// Using the scaleQuantile function
var quantile = d3.scaleQuantile()
.domain([0, 1])
.range([1, 100]);
document.write("<h3>" +
quantile(0) + "</h3>");
document.write("<h3>" +
quantile(0.3) + "</h3>");
document.write("<h3>" +
quantile(0.5) + "</h3>");
document.write("<h3>" +
quantile(0.9) + "</h3>");
</script>
</body>
</html>
Producción:
