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" >neveropen</ 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: