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

</html>

Output:

Explore