Разработка аналитической панели для системы медицинского риск-менеджмента

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

Основные задачи

• Разработать одностраничное веб-приложение (SPA) с использованием React и TypeScript.
• Интегрировать библиотеку визуализации данных Nivo для построения интерактивных графиков и диаграмм.
• Спроектировать и реализовать удобную панель управления с набором виджетов, отображающих ключевые метрики.
• Обеспечить адаптивный и понятный пользовательский интерфейс для работы с большими объемами данных.

Технические требования

Стек технологий

• Фронтенд: React (функциональные компоненты, хуки)
• Язык: TypeScript
• Библиотека графиков: Nivo
• Управление состоянием: на усмотрение исполнителя (Redux Toolkit, MobX, Context API)
• Стилизация: CSS-модули, Styled Components или аналогичное современное решение.

Функциональность панели

• Отображение дашборда с несколькими типами графиков (линейные, столбчатые, круговые диаграммы, тепловые карты).
• Возможность фильтрации и детализации данных по временным периодам, отделениям, типам рисков.
• Реализация интерактивных элементов графиков (подсветка, tooltips, клик для деталей).
• Настройка виджетов (возможность скрыть/показать, изменить порядок).
• Адаптивный дизайн для корректного отображения на планшетах и мониторах.

Что ожидается от исполнителя

• Чистый, модульный и документированный код.
• Готовая к работе сборка проекта.
• Краткая документация по запуску и основным компонентам.
• Учет производительности и оптимизация рендеринга графиков.