Верстка дизайна такой диаграммы

1. Это диаграмма (динамические данные, которые постоянно меняются

2. Линии с иконками - это подсказки, которые появляются при наведении на сектор, при этом возле иконки появляется tooltip с текстом. Линии отрисовываются (как карандашом, что бы было понятнее)

3. Вместо DATA 01...05 должен быть процент (15% к примеру) и размеры блоков должны соответствовать (визуально) соотношению процентов, всего суммарно 100%.

4. Вместо текста (выше DATA 03) должен быть заголовок.

5. Анимация появления графика (развертывание)

6. Анимация при наведении на сектор. Процент в блоке DATA должен становится больше, сам сектор становится чуть шире (ну и линия иконки с подсказкой)

7. Данные должны легко подтягиваться с JSON или массива.

8. Скорее всего это должно быть реализовано на canvas и svg (возможны ваши предложения)