d3jsでjsonの読み込み中に何かしたい

loading表示とか出したいと思い、調べた。on関数を使うようだ。

// ダミーのjson
let url = 'http://beta.json-generator.com/api/json/get/Nkd1zDuPb';


d3.json(url)
.on("beforesend", function() { console.log("beforesend"); })
.on("progress", function() { console.log("progress"); })
.on("load", function(json) { console.log("success!", json); })
.on("error", function(error) { console.log("failure!", error); })
.get();

・参考
d3-request/README.md at master · d3/d3-request
Progress Events - bl.ocks.org

d3.eventがnull

d3-selection/README.md at master · d3/d3-selection
d3.eventがnullになるのはd3.jsがES6でないからなのか、そのへん難しくてよくわからんかった。rollupを使ってnpm経由でd3を使おうとしたけど、設定がうまくいかずに断念した。

brush.on("end", handle) seems to get raw "mouseup" events · Issue #9 · d3/d3-brush

rollup/rollup-plugin-node-resolve: Use the Node.js resolution algorithm with Rollup (formerly rollup-plugin-npm)