Vector Network concept was widely popularized by Figma. We could see it in older graphics software like (https://www.xara.com/designerpro-plus/)[Xara]. Fairly talking — it is just a connected graph, and people were drawing graphs way before Figma appears.

Anyway, what Vector Network is:

Vector Network is a set of points connected by edges. Also it have got loops defined as a list of that above points. That is actually it.

Here is a simplest Vector Network implementation.

var p1 = new $1Point(40, 100); var p2 = new $2Point(240, 100); var p3 = new $3Point(80, 30); var p4 = new $4Point(200, 180); var points = [p1,p2,p3,p4]; points.forEach(point => { R.circle(p, color, 3); });