random/PlotLine.js
import { line } from 'd3';
export const PlotLine = ({
centerX,
centerY,
strokeWidth,
}) => {
const points = [
[centerX - (centerX * 3) / 5, centerY],
[centerX - (centerX * 3) / 10, centerY + centerY / 5],
[centerX, centerY - centerY / 5],
[centerX + (centerX * 3) / 10, centerY + centerY / 5],
[centerX + (centerX * 3) / 5, centerY],
];
return (
<path
d={line()(points)}
stroke="lightgrey"
stroke-width={strokeWidth}
fill="none"
marker-start="url(#markerCircleRandom)"
marker-mid="url(#markerCircleRandom)"
marker-end="url(#markerCircleRandom)"
/>
);
};
