Open In App

D3.js selection.size() Function

Improve
Improve
Like Article
Like
Save
Share
Report

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


Last Updated : 19 Aug, 2020
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads