Реализовать визуализацию "Блочная диаграмма"

Необходимо реализовать с помощью библиотеки D3 (https://observablehq.com/@d3/learn-d3) визуализацию "Блочная диаграмма". Данные для построения в файле data.json. Из целого файла данные извлекаются в компоненте "report"

Порядок работы:
- написать метод преобразующий данные из Qlik qHyperCube (сам данные уже извлечены из Qlik и приходят на фронт в формате Json) и извлекающий меры и измерения
- размеры визуализации берутся из родительского элемента
- необходимо проверять, есть ли minichart для скролла
- правильно перенести верхний левый угол контейнера визуализации учитывая отступы
- написать методы возвращающие оси и шкалы
- написать методы форматирующие значения (шаблон форматирования брать из Qlik)
- реализовать тултипы
- реализовать методы отслеживающие клик по визуализации и возвращающие значения точки, по которой кликнули (это необходимо для работы фильтров)

Важное замечание: проект реализован на AngularJS 1.8.x (http://angularjs.org/)
Файл data.json и пример выполненной визуализации не смог приложить, перекину в сообщении.