D3.js selection.size() Function
The selection.size() function in D3.js is used to calculate and return the size of the selection. It counts the total element in the selection and returns its size.
Syntax:
selection.size();
Parameters: This function does not accept any parameters.
Return Value: This function returns a Numerical value.
Example 1: When selection is non-empty.
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> <script src= "https://d3js.org/d3-selection.v1.min.js"> </script> </head> <body> <div>Beginner for Beginner </div> <div></div> <div></div> <div></div> <div></div> <script> let selection = d3.selectAll("div") let div = selection.size(); console.log(div) </script> </body> </html> |
Output:
5
Example 2: When selection is empty.
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> <script src= "https://d3js.org/d3-selection.v1.min.js"> </script> </head> <body> <script> let selection=d3.selectAll("h2") let size=selection.size(); console.log(size) </script> </body> </html> |
Output:
0
Contact Us