The band() function in d3.js library is used to return a start of the band from the range corresponding to the given input domain.
Syntax:
band(value);
Parameters: This function takes a single parameter as given above and described below.
- Value: This accepts a value from the specified domain.
Return Value: This function returns a value from the specified range.
Example: The following example demonstrates the above function.
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>     <script>         // Create the band scale with         // specified domain and range.         var band = d3.scaleBand()             .domain([0, 1, 2, 3, 4, 5])             .range([1, 10]);                       // Discrete values are automatically         // created by the band function         // band of the range is [1, 10]         console.log("band(0): ", band(0));         console.log("band(1): ", band(1));         console.log("band(2): ", band(2));         console.log("band(3): ", band(3));     </script> </body>   </html> |
Output:


… [Trackback]
[…] Find More Info here on that Topic: geeksforgeeks.org/d3-js-bandscale-band-function/ […]