JSFiddle - React, Tailwind, and code Playground

by dievardump

HTML

<svg viewBox="0 0 100 100" width="500" height="500">
  
  
  
</svg>

JavaScript

const $svg = document.querySelector('svg');

const points = [[0, 50]];
const length = 10;


for(let i = 0; i < length; i++) {
	points[i+1][0] = points[i][0] + 10;
  point[i+1][1] = points[i][1] + Math.random() > .5 ? 5 : (Math.random() > .3 ? 10 : 0);
}


const p2 = [0, 0];
const p3 = [0, 0];