The color.toString() function in D3.js is used to return a string representing the color according to the CSS Object Model specification. Syntax:
color.toString()
Parameters: This function does not accept any parameters. Return Value: This function returns a string representing the color according to the CSS Object Model specification. Below programs illustrate the color.toString() function in D3.js: Example 1:
javascript
<!DOCTYPE html> <html> <head> <title>color.toString() function </title> </head> <body> <script> // Calling the d3.color() function function // with some parameters var color1 = d3.color("red"); var color2 = d3.color("green"); var color3 = d3.color("blue"); // Calling the color.toString() function var A = color1.toString(); var B = color2.toString(); var C = color3.toString(); // Getting the string representing console.log(A); console.log(B); console.log(C); </script> </body> </html> |
Output:
rgb(255, 0, 0) rgb(0, 128, 0) rgb(0, 0, 255)
Example 2:
javascript
<!DOCTYPE html> <html> <head> <title>color.toString() function </title> </head> <body> <script> // Calling the d3.rgb() function // without some parameters var color = d3.rgb(); // Calling the color.toString() function var A = color.toString(); // Getting the string representing console.log(A); </script> </body> </html> |
Output:
rgb(0, 0, 0)
Reference: https://devdocs.io/d3~5/d3-color#color_toString