Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

D3.js bandScale band() Function

  • Last Updated : 23 Sep, 2020

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.



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.


<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent=
        "width=device-width, initial-scale = 1.0" />
    <script src="">
        // 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));


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!