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>        </head> <body>     <script>            // Initialising an array      Array1 = ["a", "a", "b", "c"];      Array2 = ["c", "c", "c"];      Array3 = ["Geeks", "gfg", "neveropen"];             // 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", "neveropen"]
Example 2:
<!DOCTYPE html> <html>     <head>     <title>d3.set.values() Function</title>         </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
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!
