curve.js

//добавляем svg тег в body
var svg = d3.select("body").append("svg");

svg.attr("height", 600)
    .attr("width", 600)
    .style('border','1px solid')

var data = [
    {x: 80, y: 100},{x: 120, y: 100},
    {x: 240, y: 200},{x: 280, y: 200}
];

// функция, создающая по массиву точек линии
var line = d3.line()
    .x( d => d.x )
    .y( d => d.y )
    .curve(d3.curveCatmullRom.alpha(1))

// объединяем все линии в путь
var path = svg.append("path")
    .attr("d", line(data))

//ставим кружочки на точках, для наглядности
svg.selectAll("circle")
    .data(data)
    .enter().append("circle")
    .attr("r", 3.5)
    .attr("cx", d => d.x )
    .attr("cy", d =>  d.y );