Есть вопрос: необходимо реализовать на основе шаблона MVC следующую систему отображения данных (выводиться будет в браузере в canvas).

Есть собственно блок (canvas) в который будет выводиться блок схема со связями, блоки и связи могут отображаться по разному. Надо реализовать это с использованием шаблона MVC. Я набросал кое-что но не знаю насколько верно:

---------------------------------------------------------------------------------------------------------------------------------------
ДИЗАЙНЕР - основа для загрузки, хранения и отображения содержимого
БЛОК - собственно блок в схеме, должен реагировать на приход сообщения о наведении на него мыши

Предполагаемая мною архетектура:

МОДЕЛЬ-ДИЗАЙНЕРА:
    * Хранение "Моделей-Блоков" (Описаны ниже)

ПРЕДСТАВЛЕНИЕ-ДИЗАЙНЕРА:
    * Создание блока отображение на html-странице (canvas)
    * Отслеживание события перемещения мыши внутри canvas (средствами браузера)
    * Хранение "Обсервера-Дизайнера" для оповещения об изменениях координат мыши полученных из предыдущего пункта

КОНТРОЛЛЕР-ДИЗАЙНЕРА:
    * Загрузка данных и создание на их основе массива связей "Модель-Представление-Контроллер-Блоков" и заполнения ими своей Модели

---------------------------------------------------------------------------------------------------------------------------------------

МОДЕЛЬ-БЛОК:
    * Хранение своих данных (имя, координаты, связи) и доступ к ним
    * Хранение информации о выделении блока (при наведении мыши)
    * Хранение "Обсервера-Блока" для оповещения об изменении данных в Модели

ПРЕДСТАВЛЕНИЕ-БЛОК:
    * Слушание "Обсервера-Блока" из своей модели и вызов функции отрисовки
    * Функция отрисовки блока
 
КОНТРОЛЛЕР-БЛОК:
    * Слушание событий изменения координат мыши из "Представления-Дизайнера"
 
 ---------------------------------------------------------------------------------------------------------------------------------------
 
ПЛАН РАБОТЫ СИСТЕМЫ:
    * Создание "Представления-Дизайнера"
        * Создание "Представлением-Дизайнера" блока Canvas на HTML странице
        * Создание Обсервера для оповещения об изменении координат мыши
        * Добавление слушателя для элемента Canvas о перемещении мыши и вешание на него отправки событий "Обсервера-Дизайнера"
    * Создание "Модели-Дизайнера"
    * Создание "Контроллера-Дизайнера"
        * Загрузка данных, и создание на их основе массива связок "Моделей-Представлениий-Контроллеров-Блоков"
        * Привязка слушателя в каждом "Контроллере-Блоке" к событию "Обсервера-Дизайнера" из "Представления-Дизайнера" о перемещении мыши
        
Таким образом при изменении положения курсора происходит:
    * Событие от Canvas передается в слушатель в "Представлении-Дизайнера" и отдается на распространении Обсервером
    * "Контроллеры блоков" получают событие с Обсервера и проверяют находится ли он над ними
    * Если один из "Контроллеров-Блоков" определяет, что переданные координаты над ним, то он меняет свою Модель
    * Его модель в свою очередь отправляет событие об изменении своим Обсервером для своего Представления
    * "Представление-Блока" на который приходит сообщение об изменении Модели выполняет функцию отрисовки

 ---------------------------------------------------------------------------------------------------------------------------------------
 
 Собственно хочется узнать правильно ли я понимаю как его реализовать, есть какие-то предложения?
 Большое спасибо!