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