Это задание вторник, 14 марта. В идеале, однако, прийти на занятия в эту пятницу, по крайней мере, попробовав выполнить обе части задания.

Часть 1. Обновление основ Canvas

Следуя инструкциям, изложенным в коде, воспроизведите рисунок на холсте, подобный приведенному ниже. Обратите внимание, что серые линии образуют сетку размером 50 на 50 пикселей.

Часть 2: Обновление при отправке

Прежде чем продолжить, проверьте d3.dispatch API.

В коде элементы #plot1 и #plot2 реагируют на события перемещения мыши, перемещая элемент красного круга. Ваша задача состоит в том, чтобы #plot1 и #plot2 зеркально отображали друг друга, т. е. перемещали красный кружок в одном, даже когда вы наводите указатель мыши на другой, без прямой ссылки друг на друга. Для этого вам нужно будет использовать d3.dispatch.

Можно ли сделать так, чтобы все элементы .plot делали одно и то же, используя краткий код, как показано в области подсказок?