function addPoints(pointData, inc, ctx, barBase) {
const barScaleX = d3.scaleBand().domain(d3.range(nPoints)).range([cxShape + edge, width - edge/2]);
const barScaleY = d3.scaleLinear().domain([0, maxDist]).range([barBase, barBase-squareDiameter/2]);
resizeCanvas(ctx);
const pointDataDraw = pointData.filter((el, i) => i >= inc);
ctx.clearRect(0, 0, width, h);
pointDataDraw.forEach(el => {
ctx.beginPath();
ctx.arc(el.x, el.y, 1, 0, 2*Math.PI);
ctx.fillStyle = colScale(el.dist);
ctx.fill();
ctx.beginPath();
ctx.moveTo(barScaleX(el.index), barBase);
ctx.lineTo(barScaleX(el.index), barScaleY(el.dist));
ctx.lineWidth = 1;
ctx.strokeStyle = colScale(el.dist);
ctx.stroke();
});
}