RAX7

Используй линейный градиент, примерно как здесь: https://jsfiddle.net/RAX7/m2t98cjq/

res[elem.country] = [];
res[elem.country] = res[elem.country] || [];

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);
}

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

Потому что ты удаляешь элементы из массива, а индекс увеличиваешь. В исходном массиве 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

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

заверни всё в промис

function dbget(table, ind, key) {
  return new Promise((resolve) => {
    let openRequest = indexedDB.open('FV', 6);

    openRequest.onsuccess = function() {
      let db = openRequest.result;
      let transaction = db.transaction(table, 'readonly');
      let labs = transaction.objectStore(table);
      let index = labs.index(ind);
      let request = index.getAll(key);

      request.onsuccess = function() {
        let res = request.result;
        resolve(res);
      };
    };
  });
}

https://habr.com/ru/post/341986/

1. нужно дождаться загрузки обеих картинок и после этого уже отрисовывать их и вызывать canvas.toDataURL
2. https://developer.mozilla.org/en-US/docs/Web/HTML/...

замени gl_FragColor = vec4(color, 0.4 * start);
на gl_FragColor = vec4(1.0, 1.0, 0.0, 1.0);
это поменяет цвет частиц на rgba(255, 255, 0, 1)

Можешь в сам фидл вставить нужные данные и сымитировать их запрос

https://docs.jsfiddle.net/async-requests