Open In App

D3.js band.bandwidth() Function

Improve
Improve
Like Article
Like
Save
Share
Report

The band.bandwidth() function in d3.js is used to find the width of each band.

Syntax:

band.bandwidth()

Parameters: This function does not accept any parameter.

Return Values: This function returns the width of each band.

Example 1:

HTML




<!DOCTYPE html>
<html lang = "en">
 
<head>
    <meta charset = "UTF-8" />
    <meta name = "viewport"
        path1tent = "width=device-width,
        initial-scale = 1.0"/>
    <script src =
        "https://d3js.org/d3.v4.min.js">
    </script>
</head>
   
<body>
    <script>
        // Creating the band scale with
        // specified domain and range.
        var A = d3.scaleBand()
                    .domain([10, 20, 30, 40, 50])
                    .range([0, 10]);
     
        // Applying bandwidth() Function
        let gfg = A.bandwidth();
 
        // Printing the Output 
        console.log("Bandwidth Of A: ",gfg);
         
    </script>
</body>
 
</html>


Output:

Bandwidth Of A:  2

Example 2: 

HTML




<!DOCTYPE html>
<html lang = "en">
 
<head>
    <meta charset = "UTF-8" />
    <meta name = "viewport"
        path1tent = "width=device-width,
        initial-scale = 1.0"/>
    <script src =
        "https://d3js.org/d3.v4.min.js">
    </script>
</head>
 
<body>
    <script>
        // Creating the band scale with
        // specified domain and range.
        var B = d3.scaleBand()
                    .domain(["one", "two", "three", "four"])
                    .range([0, 60]);
     
        // Applying bandwidth() Function
        let gfg = B.bandwidth();
 
        // Printing the Output 
        console.log("Bandwidth Of each band in B: ",gfg);
    </script>
</body>
 
</html>


 
 Output: 

Bandwidth Of each band in B:  15


Last Updated : 26 Jul, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads