如何使用 d3.json() javascript 从 url 打印数据集？

Question

我正在尝试使用此代码在控制台中打印数据集

d3.json("data.json", function(data) {
    console.log(data);
});

我正在使用 replit，data.json 是其中一个文件。我是从这个 url 下载的： https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json

我在 head 标签中调用了 d3js 库：

<script src="https://d3js.org/d3.v6.min.js"></script>

虽然它没有打印。不显示任何错误消息。它只是不打印。怎么了？

Answer 1

d3.json() 的签名自 d3 v5 或更高版本以来已更改。请立即使用 Promise 样式的事件处理。这是一个例子：

<html>
    <head><meta charset="UTF-8"></head>
    <body>
        <script src="https://d3js.org/d3.v6.min.js"></script>
        <script>
            let url = "https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json";
            d3.json(url).then(data => {
                console.log("got data", data);
            }).catch(error => {
                console.log("error fetching url", url);
            });
        </script>
    </body>
</html>

如何使用 d3.json() javascript 从 url 打印数据集？

How to print a dataset from a url using d3.json() javascript?

html

javascript

json

dataset

d3.js