Open In App

D3.js namespace() Function

The d3.namespace() function is used to return an object that contains space and local attributes that describe the full namespace URL and the local name. If there is a colon in the name than the string on the left side of the colon is a namespace prefix.

Syntax:



d3.namespace(name);

Parameters: This function contains only one parameter that is given above and described below.

Return Value: This function returns an object.



Example 1:




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent="width=device-width, 
        initial-scale=1.0" />
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
  
    <style>
        h2 {
            color: green;
        }
    </style>
</head>
  
<body>
    <h2>Geeks for geeks</h2>
    <script>
        console.log(d3.namespace("svg:Geeksforgeeks"));
        document.write("<h3>Space: ", 
            d3.namespace("svg:Geeksforgeeks").space, "</h3>");
        document.write("<h3>Local: ", 
            d3.namespace("svg:Geeksforgeeks").local + "</h3>");
    </script>
</body>
  
</html>

Output:

Example 2:




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent="width=device-width, 
        initial-scale=1.0" />
  
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
</head>
  
<body>
    <script>
        console.log(d3.namespace("xhtml:Geeksforgeeks"));
        console.log(d3.namespace("xlink:Geeksforgeeks"));
        console.log(d3.namespace("xml:Geeksforgeeks"));
    </script>
</body>
  
</html>

Output:


Article Tags :