feat(stats): переписать дашборд статистики с Flet на React

stats/ (Flet) генерировал графики через matplotlib в PNG и отдавал их
через Flutter web с WebSocket — та же архитектура, что подводила
основной фронтенд (см. известные ошибки в README). Плавающая версия
flet>=0.82.2 недавно подтянула 0.86.0 с несовместимым протоколом
фреймирования, и дашборд перестал открываться в браузере.

stats-react/ — SPA по тому же паттерну, что и web-react (Vite+React+TS,
свой Dockerfile+nginx, same-origin прокси /api вместо WebSocket).
Функциональность 1:1: 4 summary-карточки, общие фильтры (тест/
организация/группа/год), два таба (прохождения / результаты тестов),
8 графиков, топ-10 таблица, фильтр по оси + сравнение по организациям/
группам. Круговая диаграмма заменена на 100%-stacked bar (dataviz:
"part-to-whole rides on the stacked bar chart; donut stays
deprioritized") с фолдингом длинного хвоста категорий в "Другое" —
у оригинала было 32 категории на 8 цветов, из-за чего сегменты
становились неразличимы.

Категориальная палитра графиков провалидирована на CVD-безопасность
(scripts/validate_palette.js, light+dark) — 8-цветная палитра из
исходного designer.py не проходила проверку (hard fail по
normal-vision floor). Бренд-оранжевый сохранён в палитре, остальные
7 слотов — из референсного набора skill'а.

stats/ и Dockerfile.stats удалены, docker-compose.yml переключён на
stats-react. Проверено сборкой всех трёх образов, полным compose up
и визуально (headless Chrome, light+dark, обе вкладки, реальные
данные с прод-сервера).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

jze9

2026-07-16 14:11:06 +05:00

parent 1728450778

commit eb110f677c

38 changed files with 3583 additions and 1239 deletions

									
										13

stats-react/index.html
									
										Normal file
									
												View File
												
				@@ -0,0 +1,13 @@

				<!doctype html>

				<html lang="ru">

				  <head>

				    <meta charset="UTF-8" />

				    <link rel="icon" type="image/png" href="/favicon.png" />

				    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

				    <title>ЦОПП — Статистика</title>

				  </head>

				  <body>

				    <div id="root"></div>

				    <script type="module" src="/src/main.tsx"></script>

				  </body>

				</html>

feat(stats): переписать дашборд статистики с Flet на React

13 stats-react/index.html Normal file Unescape Escape View File

13

stats-react/index.html Normal file

View File