visData.js
import { select, line } from 'd3';
export const visData = (selection, data, circlesGroup) => {
// const circles = svg.selectAll('circle').data(data);
// const circlesEnter = circles
// .enter()
// .append('circle')
// .attr('r', 20);
// circles
// .merge(circlesEnter)
// .attr('cx', (d) => d.x)
// .attr('cy', (d) => d.y);
// circles.exit().remove();
const lineGenerator = line()
.x((d) => d.x)
.y((d) => d.y);
selection
.selectAll('g')
.data([null])
.join('g')
.selectAll('circle')
.data(data)
.join('circle')
.attr('r', (d) => d.r)
.attr('cx', (d) => d.x)
.attr('cy', (d) => d.y)
.attr('fill', (d) => d.fill)
.attr('stroke', (d) => d.stroke)
.attr('stroke-width', (d) => d['stroke-width']);
selection
ISC Licensed