The d3.brushY() function in D3.js is used to create a new one-dimensional brush along the y-dimension.
Syntax:
d3.brushY();
Parameters: This function does not accept any parameters.
Return Value: This function returns a newly created One Dimensional brush along the y-axis
Example: In this example, we will create a One Dimensional brush along with the y-axis brush of size 600×600 pixels on an SVG element using this method.
HTML
<!DOCTYPE html> <html> <head> <title> D3.js | d3.brushY() Function </title> <script src = </script> </head> <body> <svg width=600 height=600 id="brush"></svg> <script> // Selecting SVG element d3.select("#brush") // Creating a brush along y-axis // using the d3.brush function .call( d3.brushY() // Initialise the brush area: start at // 0,0 and finishes at given width,height .extent( [ [0,0], [600,600] ] ) ) </script> </body> </html> |
Output:
Reference: https://devdocs.io/d3~5/d3-brush#brushY
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
