Задача

Разработать анимированный блок аналитики на HTML. На основе готового дизайн-макета необходимо реализовать плавную анимацию графика и финальное положение окружности. Итоговый код должен быть полностью готов к вставке на любой веб-сайт.

Требования к результату

• Точное соответствие макету: стили, отступы и цвета должны полностью совпадать с дизайном (макет приложен в Figma).
• Адаптация: готовая анимация должна корректно отображаться как на компьютерах, так и на мобильных устройствах.
• Плавность: анимация графика и появление элементов должны быть максимально гладкими.
• Финальная позиция круга: расположение и завершение анимации окружности должны строго соответствовать дизайн-макету.
• Формат готового файла: один рабочий файл на HTML, готовый для интеграции на сайт (отдельные JS- и CSS-блоки, которые можно разместить внутри страницы).

Замечания

Цель - получить готовый функциональный компонент, а не просто набросок. Все интерактивные и анимационные эффекты должны работать в современных браузерах.