Есть такой пентагон, по нему построена svg фигура вот такая
Как динимически вычислять координаты и строить кружочки, строго на линиях. Будет присылаться массив и в зависимости от него будут, строиться кружочки. Без каких-либо библиотек.
Каждая линия задаётся двумя точками, начальная и конечная.
Такая линия легко параметризуется с помощью векторной геометрии.
A - начальная точка, её координаты {ax,ay}
B - конечная точка, её координаты {bx,by}
B - A - Вектор идущий от A к B.
A + t * (B - A) формула расчёта любой точки на отрезке AB.
t лежит на отрезке [0,1].
Получаем формулу для расчёта x компоненты точки и y
x = ax + t * (bx - ax);
y = ay + t * (by - ay);
Таким образом мы можем в зависимости от t задавать координаты любой точки на любом отрезке.
Сборка персонального компьютера от Artline: умный выбор для современных пользователей