は、私は次のような問題が発生した二分木vizualize

Question

をNode.jsの。 誰かが同様の問題に遭遇した可能性があり、このタスクを最もうまく実行する方法を提案することができます。あらかじめお返事ありがとうございます！

ライブラリーを検索した後、私はd3に出会いました。例を書いた、すべての作品が好きです。

Here is my fiddle: https://jsfiddle.net/yurayazupol/vbucyuzk/1/ 

しかし、私は別のjsonファイルからデータを取得することにしました。しかしその後、すべてが機能しなくなりました。作業用のバージョンは下のリンクにあり、jsonファイルとのやりとりはscript.jsファイルのコメントにあります。何が間違っているのか教えていただけますか？ https://github.com/yurayazupol/binary-tree-d3

Answer 1

ブラウザでこれと同じようにjsonを読み込むことはできません（fsを使用）。 fetch APIを使用してJSON（またはjQuery、axiosなど）を読み込むことができます。ここでは、フェッチの使用例です：

fetch('tree.json')$ 
    .then(response => response.json())$ 
    .then(data => {$ 
     root = data;$ 
    });$ 

あなたがこれまでに書いたコードが同期しているとJSONをロードすることは非同期であるとして、あなたは他のJavaScriptの一部を書き換える必要があります。