Колесо баланса
Восемь областей жизни — восемь спиц. Поставьте честные отметки, и алгоритм рассчитает форму колеса: средний балл, коэффициент дисбаланса, самую тихую область и тренд. Данные хранятся только в вашем браузере.
Что говорят числа
Что говорит карта
История и данные
Двойка в какой-то области — не провал, а адрес: туда сейчас идёт ваша жизнь. Колесо не обязано быть круглым всегда: у него, как у сада, есть сезоны. Сравнивайте колесо только с собственным прошлым — пунктир для этого и нарисован.
Архитектура
Тип: Client-Side Only Application. Все вычисления выполняются в браузере пользователя через JavaScript ES6+. Серверная часть отсутствует.
Принцип: Privacy by Design — данные хранятся локально в браузере и никогда не передаются на внешние серверы.
Восстановление состояния: при загрузке модуль детерминированно восстанавливает последнее сохранённое состояние колеса (ключ wbSnap), поэтому метрики и тренд корректны с первой секунды.
Стек технологий
- HTML5 — семантическая разметка и структура
- CSS3 — стили, адаптивность, CSS-переменные темы
- JavaScript ES6+ — логика модуля и алгоритмы
- SVG — визуализация диаграммы и графика
- localStorage API — хранение данных (Web Storage API)
- html2canvas — рендер отчёта в растр (корректная кириллица)
- jsPDF — сборка PDF-страницы A4 на клиенте
Алгоритмы расчёта
Средний балл (μ):
μ = (Σ vᵢ) / 8 Стандартное отклонение (σ, генеральная совокупность):
σ = √( Σ(vᵢ − μ)² / 8 ) Коэффициент дисбаланса (κ):
κ = σ / μ Интерпретация κ:
- κ < 0.15 — низкий дисбаланс
- 0.15 ≤ κ < 0.30 — умеренный дисбаланс
- κ ≥ 0.30 — высокий дисбаланс
Разброс: max(v) − min(v)
Тренд: сравнение текущего μ с μ последнего сохранённого снимка; порог стабильности |Δ| < 0.2.
Структура данных
Ключ истории: wb_history
{
date: "2026-10-15T14:30:00Z",
values: [7,5,8,6,4,9,6,7],
average: 6.5,
stddev: 1.5,
imbalance: 0.23
} Ключ текущего снимка: wbSnap
{ d: "2026-10-15T14:30:00Z", v: [7,5,8,6,4,9,6,7] } Лимит хранения: 20 последних снимков
Дата/время: ISO 8601 (UTC)
Приватность данных
Data Minimization: платформа не собирает персональные данные (имя, email, телефон). Не требуется регистрация.
Local-First Storage: данные хранятся исключительно в localStorage браузера пользователя. Отсутствует передача данных на внешние серверы.
Zero-Knowledge Architecture: разработчик платформы не имеет доступа к пользовательским данным.
Отсутствие телеметрии: платформа не использует системы аналитики, отслеживающие поведение пользователей.
Экспорт данных
PDF: гибридная генерация — отчёт рендерится в растр через html2canvas (гарантия корректной кириллицы и фирменных шрифтов), затем jsPDF собирает страницу A4. Стандартные шрифты jsPDF не содержат кириллицу, поэтому прямой текстовый вывод не используется.
JSON: полный экспорт истории с метаданными модуля (Blob + Object URL).
Текст: копирование в буфер обмена через Clipboard API с fallback на execCommand.
Доступность и UX
- Ползунки связаны с подписями через
label for - Спойлер справки:
aria-expanded / aria-controls - Переключатель темы:
role="group",aria-label - Анимация звёзд отключается при
prefers-reduced-motion - Системные alert() не используются: обратная связь даётся надписями на кнопках
Соответствие требованиям
ФЗ-152 «О персональных данных»: платформа не собирает персональные данные, поэтому не подпадает под требования закона.
GDPR: принцип Privacy by Design обеспечивает соответствие.
Кодекс этики психолога: платформа не заменяет профессиональную помощь (есть явные предупреждения и маршруты к специалисту).
Масштабируемость
Текущие ограничения:
- Отсутствие серверной части ограничивает синхронизацию между устройствами
- localStorage имеет лимит ~5 MB на домен
- Невозможность централизованной аналитики без нарушения Privacy by Design
Потенциальные направления:
- Progressive Web App (PWA) — установка как мобильного приложения
- Service Workers — полный офлайн-режим работы
- Опциональная end-to-end синхронизация между устройствами