decorators.js

lineDecorators = [
    { cx: getX(0), cy: 30 },     
    { cx: getX(50), cy: 30 },     
    { cx: getX(100), cy: 30 },
    { cx: getX(0), cy: 60 },     
    { cx: getX(50), cy: 60 },     
    { cx: getX(100), cy: 60 },     
    { cx: getX(0), cy: 90 },     
    { cx: getX(50), cy: 90 },     
    { cx: getX(100), cy: 90 },     
    { cx: getX(0), cy: 120 },     
    { cx: getX(50), cy: 120 },     
    { cx: getX(100), cy: 120 }  
  ];

 decorators = svg.selectAll('#decor')
                   .data(lineDecorators)
                   .enter()
                   .append('circle')
                      .attr('id', 'decor')
                      .attr('cx', d => d.cx + 10 )
                      .attr('cy', d => d.cy)
                      .attr('r', 3)
                      .attr('fill', 'rgb(155, 155, 155)');