Skip to content
Related Articles

Related Articles

D3.js selection.size() Function

View Discussion
Improve Article
Save Article
  • Last Updated : 19 Aug, 2020
View Discussion
Improve Article
Save Article

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=
    </script>
</head>
  
<body>
    <div>Geeks for Geeks </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=
    </script>
</head>
  
<body>
    <script>
        let selection=d3.selectAll("h2")
        let size=selection.size();
        console.log(size)
      </script
</body>
  
</html>


Output:

0

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!