Преобразование из v3 в v5 в d3 не обновляет визуализацию, но добавляет другую

Question

Я пытался преобразовать эту визуализацию d3 из версии 3 в версию 5, но вместо обновления в текущей визуализации она продолжает добавлять другую визуализацию ниже. Я добавил:

  d3.select(".node").selectAll("*").remove();
  d3.select(".link").selectAll("*").remove();

, чтобы удалить последние обновления при обновлении, но это не работает. Есть идеи, почему это не работает?

вот ссылка на код

Answer 1

Вы можете просто использовать .remove() напрямую с помощью оператора if.

...
function draw() {
  d3.select("#neuralNet svg").remove()
...

здесь есть codepen для рабочего кода.