twobomb

Ну можно так

Зачем библиотеку, посиди сам поиграйся понастраивай с помощью css транформаций. Я вот пять минут посидел и то что то подобное получилось.

Хочешь красиво, резиново и современно то конечно wpf. Если нужно быстро, просто и в стиле windows xp то windows form. Но лучше wpf там больше разных элементов, более гибкая настройка..

class Sorter {
  constructor() {
 	 this.array = [];
  }

  add(element) {
     this.array[this.array.length+1]=element;
      return this.array.length+1;
  }
 }

Только у меня вопрос что делает метод Add? Там что то страшное. И зачем создавать класс массива если массивы и так существуют и прекрасно реализованы. Если хотие добавить свои методы используйте Array.prototype

var arr = [
    {ID: "123", lat: "55.680024", lng: "37.558505"},
    {ID: "123", lat: "55.680024", lng: "37.558505"},
    {ID: "987", lat: "55.783861", lng: "37.536533"},
    {ID: "987", lat: "55.783861", lng: "37.536533"}
];
console.log( convert(arr));

function convert(arr){
  var newarr = [];
  arr.map((e)=>{
      for(var i = 0;i < newarr.length;i++)
        if(newarr[i].ID == e.ID){
          newarr[i].Coords.push({lat:e.lat,lng:e.lng});
          return;
         }
        newarr.push({ID:e.ID,Coords:[{lat:e.lat,lng:e.lng}]});
  });
return newarr;
}

Заменить input на textarea

Ну этот аналог это обычная ссылка. Например ссылающаяся на эту же страницу с добавкой queryStirng типа mysite/mypage.php?myfunction . А на пхп уже обработать типа если requestmethod == get и если isset($_get["myfunction")) то вызвать myfunction()

Как вариант рисовать не с 0, а 1го пикселя. Тоже когда-то делал колор пикер на канвас, но чуть другой. На вашем нет серого цвета.

https://codepen.io/anon/pen/yPGRoy

int l = 6, n = 6;
int f = n < 0? l - Math.abs(n%l):n%l;