D3.js band.bandwidth() Function
Last Updated :
26 Jul, 2021
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 =
</ 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 =
</ 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
Share your thoughts in the comments
Please Login to comment...