Олег

И в чем неправильность ? длина строки в байтах в кодировке UTF-8 больше числа символов.
0-127 как 1 байт.
128- 255 как 2 байта
русские символы по три байта на символ
почитайте про кодировку .

// Takes raw data from the request
$json = file_get_contents('php://input');

// Converts it into a PHP object
$data = json_decode($json);

циклы вложенные.
первый цикл .
х = 0
пошел второй цикл
y = 0 , 1 , ... 7
а вот при 8 он закрывается и увеличивается x

Пытаюсь понять о чем Вы сейчас не знаете.
по моему о том как вообще делаются динамические страницы.

А тут вам не возможно коротко ответить так как нет никакой информации о бакенде.

Классика для PHP файлов
вам кажется, что это статическая страница, но она собирается на лету из данных и шаблона страницы.
//site/page.html?id=1
т.е. вы просто делаете обычную ссылку . нужную информацию в шаблон подставит скрипт на сервере

На node.js скрипты тоже собирают готовую страницу на сервере. Явоскрипт работает на серверной стороне.

Что-то из рективных технологий.
броузер скачивает большой js файл
дом страницы собирается на стороне клиента. сервер выступает поставщиком данных через апи методы

htmlbook.ru/css/hover - наведение
htmlbook.ru/css/position - если у родителя релативе, то дочка с абсолютом будет позиционироваться от него
https://developer.mozilla.org/ru/docs/Web/CSS/content - в него можно просто utf символ стрелочки
htmlbook.ru/css/before - или через афте у кнопки, чтобы не плодить новых элементов

У вас есть страница. Вы решили повесить динамически на нее обработчики.
Дождались загрузки нужной части дом дерева хтмл элементов.
Скрипт пробежался . А потом у вас появились новые элементы.
После их загрузки нужно тоже по ним пройтись и назначить действия.

https://github.com/graingert/WOW/blob/master/LICENSE
вроде митовская лицензия. Или вам нужен не тот вов ?