Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

D3.js | d3.set.values() Function

  • Last Updated : 28 Jun, 2019

The set.values() function in D3.js is used to return an array of the string values in the set. This function can be used for computing the unique values for a set of strings.

Syntax:

d3.set([Array]).values();

Parameters: This function accepts a parameter Array of strings.

Return Value: It returns the array of unique element of the given array elements.

Below programs illustrate the d3.set.values() function in D3.js:
Example 1:




<!DOCTYPE html>
<html>
   
<head>
    <title>d3.set.values() Function</title>
       
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
<body>
  
  <script>
      
     // Initialising an array
     Array1 = ["a", "a", "b", "c"];
     Array2 = ["c", "c", "c"];
     Array3 = ["Geeks", "gfg", "GeeksforGeeks"];
       
     // Calling the d3.set.values() function
     A = d3.set(Array1).values();
     B = d3.set(Array2).values();
     C = d3.set(Array3).values();
       
     // Getting the unique values of the set
     console.log(A);
     console.log(B);
     console.log(C);
  </script>
</body>
</html>

Output:

["a", "b", "c"]
["c"]
["Geeks", "gfg", "GeeksforGeeks"]

Example 2:




<!DOCTYPE html>
<html>
    
<head>
    <title>d3.set.values() Function</title>
        
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
<body>
    
  <script>
       
     // Calling the d3.set.values() function
     // with a array parameter
     A = d3.set([1, 2, 3, 3]).values();
     B = d3.set(["a"]).values();
     C = d3.set(["a", "b", "c", "a", "b", "c"]).values();
       
     // Getting the unique values of the set
     console.log(A);
     console.log(B);
     console.log(C);
  </script>
</body>
</html>

Output:

["1", "2", "3"]
["a"]
["a", "b", "c"]

Reference: https://devdocs.io/d3~5/d3-collection#set_values


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!