аюсь получить значения дляx а такжеy сделать круги, используя d3.js v4. С помощью следующего кода мне удается создать диаграмму, подобную поведению окружностей, но когда я пытаюсь запустить тот же код в v4, он больше не работает. Я знаю, что есть некоторые различия в обновлении до v4, но я не нашел никакой информации об этом. Поэтому мне было интересно, может ли кто-нибудь помочь мне запустить этот код в d3.js v4.

Вот код, использующий v3 (он сломается, используя v4):

var svg = d3.select('body').append('svg')
  .attr('width', 250)
  .attr('height', 250);

//render the data
function render(data) {
  //Bind 
  var circles = svg.selectAll('circle').data(data);

  //Enter
  circles.enter().append('circle')
    .attr('r', 10);
  //Update
  circles
    .attr('cx', function(d) {
      return d.x;
    })
    .attr('cy', function(d) {
      return d.y;
    });


  //Exit
  circles.exit().remove();
}



var myObjects = [{
  x: 100,
  y: 100
}, {
  x: 130,
  y: 120
}, {
  x: 80,
  y: 180
}, {
  x: 180,
  y: 80
}, {
  x: 180,
  y: 40
}];


render(myObjects);

<script src='https://d3js.org/d3.v3.min.js'></script>