La función quantile() de d3.scaleQuantile() en D3.js se usa para devolver un valor del rango correspondiente al valor de entrada dado. Este valor de entrada se encuentra en el dominio especificado.
Sintaxis:
quantile( value )
Parámetros: esta función acepta un solo parámetro como se indicó anteriormente y se describe a continuación:
- valor: Toma un valor numérico que se encuentra en el dominio.
Valores devueltos: esta función devuelve un valor correspondiente al rango especificado.
El siguiente programa ilustra la función quantile() en D3.js:
Ejemplo:
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 | 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>
Producción:
