Monday, May 11, 2026
HomeLanguagesJavascriptD3.js json() Function

D3.js json() Function

The d3.json() function is used to fetch the JSON file. If this function got an init parameter, then this is called along with the fetch operation.

Syntax:

d3.json(input[, init]);

Parameters: This function accepts two parameters as mentioned above and described below.

  • input: This parameter takes the address of the input file.
  • init: This parameter takes a function that does some operation with the data of the file.

Note: Please create a JSON file named “sample.json” before writing the given example.

Example:

HTML




<!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>
        // Data of sample.json file
        // {
        //     "place": "neveropen",
        //     "visitiors": "100M",
        //     "target": "Client",
        //     "source": "Server"
        // }
        d3.json("sample.json", function (d) {
            console.log(d);
        });
    </script>
</body>
  
</html>


Output:

Dominic
Dominichttp://wardslaus.com
infosec,malicious & dos attacks generator, boot rom exploit philanthropist , wild hacker , game developer,
RELATED ARTICLES

Most Popular

Dominic
32514 POSTS0 COMMENTS
Milvus
131 POSTS0 COMMENTS
Nango Kala
6892 POSTS0 COMMENTS
Nicole Veronica
12012 POSTS0 COMMENTS
Nokonwaba Nkukhwana
12107 POSTS0 COMMENTS
Shaida Kate Naidoo
7016 POSTS0 COMMENTS
Ted Musemwa
7262 POSTS0 COMMENTS
Thapelo Manthata
6975 POSTS0 COMMENTS
Umr Jansen
6963 POSTS0 COMMENTS