D3.jsの5.0からはデータロードの際にPromiseを使うようになった
v4以前の書き方
code:js
d3.csv("file.csv", function(error, data) {
if (error) throw error;
console.log(data);
});
code:js
d3.csv("file.csv").then(function(data) {
console.log(data);
});
code:js
const data = await d3.csv("file.csv");
console.log(data);
実際はasync functionの中でないとawaitできない
例えばこんな感じになる
code:js
// 即時関数として実行
(async () => {
const data = await d3.csv("file.csv");
console.log(data);
})();