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!