[解決済み】SVGコンテンツを削除または置換するにはどうすればよいですか？

質問

私は、（D3.jsを使用して）以下のコードを作成するJavaScriptの部分を持っています。 svg 要素で、その中にチャートが含まれています。私は、AJAXを使用してウェブサービスから来る新しいデータに基づいてチャートを更新したいのですが、問題は、私が更新ボタンをクリックするたびに、それは新しい svg そのため、古いものを削除するか、その内容を更新したい。

以下は、JavaScript 関数のスニペットです。 svg :

var svg = d3.select("body")
        .append("svg")
        .attr("width", w)
        .attr("height", h);

どうすれば、古い svg 要素を削除するか、少なくともその内容を置き換えてください。

どのように解決するのですか？

ここでは、その解決策を紹介します。

d3.select("svg").remove();

これは remove は、D3.jsが提供する関数です。