Friday, June 12, 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
32515 POSTS0 COMMENTS
Milvus
131 POSTS0 COMMENTS
Nango Kala
6897 POSTS0 COMMENTS
Nicole Veronica
12013 POSTS0 COMMENTS
Nokonwaba Nkukhwana
12109 POSTS0 COMMENTS
Shaida Kate Naidoo
7019 POSTS0 COMMENTS
Ted Musemwa
7262 POSTS0 COMMENTS
Thapelo Manthata
6976 POSTS0 COMMENTS
Umr Jansen
6963 POSTS0 COMMENTS