RAX7

Потому что внутри Compound Path лежит 2 контура. Тот, что нарисован по часовой стрелке заливается цветом, а тот что против - вычитается из залитого.

когда ты разбираешь составной контур направление контура перестает имееть значение и в результате появляются 2 залитых контура.
https://en.wikipedia.org/wiki/Even%E2%80%93odd_rule

Где-то видел хак с использованием display: inline-block для колонок, попробуй так:

1. Почему не используются нормальные ES6 классы или хотя бы классы на прототипах ES5?
   
2. Адская помесь jquery и ванили
   
3. Объявление функций в цикле (checkAttributeName, printErrorMessage, etc)
   
4. WTF?
   if(0 < 1){
   

   let div = document.createElement('div');
   div.innerHTML="";

   
   if(reg.test(value) == false) {
   

   if(..){
       var nextTab = resultNumberActiveTab + 1;
   }
   else if(...){
       var nextTab = resultNumberActiveTab - 1;
   }

   
   
   

const projects = Array.from(
  { length: 10 },
  (_, i) => ({title: `proj_${i}`, id: i})
);

const runs = Array.from(
  { length: 100 },
  (_, i) => ({title: `task_${i}`, id: i, pid: randomInteger(0, 10)})
);

const data = projects.map(proj => ({
  title: proj.title,
  tasks: runs.filter(t => t.pid === proj.id)
}));

console.log(data);


// utils
function randomInteger(min, max) {
  let rand = min + Math.random() * (max + 1 - min);
  return Math.floor(rand);
}

Не понятно зачем используются полярные координаты, можно же и без них

https://animejs.com/documentation/#morphing

Object.values(parent).some(o => o.a === "1")

убери

html {
  -webkit-tap-highlight-color: #000000;
}

Как вариант поставить расширение Beautify, в конфиге добавить:

"beautify.config": {
      "brace_style": "collapse,preserve-inline"
    },

transition для гридов пока что работает только в файрфоксе, кроссбраузерно можно сделать на js

Потому что ты удаляешь элементы из массива, а индекс увеличиваешь. В исходном массиве 8 элементов, спустя 4 итерации в нем останется 4 элемента, и i будет равна 4-м, вот тут-то цикл и оборвется.

function selectionSort(arr) {
  let sortArr = [];

  while (arr.length !== 0) {
    let small = findSmallEl(arr);
    console.log("small:" + small);
    sortArr.push(arr[small]);
    console.log("sortArr:" + sortArr);
    arr.splice(small, 1);
    console.log("arr:" + arr, "arr.length" + arr.length);
  }
  return sortArr;
}

let message = new Uint8Array([
    0x01,
    21,
    0xFF,
    0xFF,
    0xFF,
    0xFF,
    0xFF,
    target & 0xFF,
    target >> 8 & 0xFF
]);

Uint8Array

сначала переключаешся на direct selection tool(A) и только затем на eyedropper(I)

где можно фигуру из кучи отрезков сделать одним отрезком(контуром)

https://www.youtube.com/watch?v=ESj0M0l6Rho
https://www.youtube.com/watch?v=jbc3q9bfOH8

где можно контур/фигуру "выдавить" на определенное расстояние(можно задать любое)

https://www.youtube.com/watch?v=ejaJYL3qx_g

И еще - такая мелочь как Обрезать

не очень понятно что за обрезка такая

В иллюстраторе можно применить эффект wrap inflate к прямоугольнику со скругленными углами. В фотошоп перенести из иллюстратора простым ctrl+c ctrl+v.

Используй пропорции 360 / a = l / s, где
a - угол сектора
l - длина окружности
s - длина сектора
исходя из этого можно посчитать всё что нужно