Пример вот:
– тут в принципе понятно как оно работает
Тут больше нравится анимация:
Как мы это видим:
1 шаг:
Пользователю задаем вопрос "Что в этой сфере жизни для вас важно?"
Далее 12 категорий, которые мы описали ниже, под ними мелким шрифтом "Например: блабабла" (текст мы потом сами поменяем) и input поля, в которые пользователь вводит данные.
2 шаг:
Вопрос "Насколько вы удовлетворены каждой из сфер жизни?"
Где к каждой категории пользователь передвигает ползунок от 1 до 10. По умолчанию все на 5
3 шаг:
Ему рисуется колесо как в первом примере, по категориям, в зависимости от того, что он указал ранее.
Это колесо нужно иметь возможность либо сохранить картинкой, либо отправить на печать.
Все это должно работать и хорошо отображаться как на пк, так и на мобильном, должна быть минимальная анимация (плавное появление-исчезновение).
В идеале сделать как во втором примере – с соединениями линий.
Т.к. мы будем это встраивать в тильду – нужно чтобы все было в одном html файле, без подключения локальных скриптов (использовать внешние библиотеки можно естественно)
Категории, которые нам нужны:
Карьера/работа
Финансы: деньги и накопления
Здоровье и поддержание здоровья
Семья, любовь и отношения
Друзья и родственники
Личностный рост и/или духовное развитие
Отдых и развлечения
Условия жизни (дом, машина)
Спорт, фитнес, бег
Секс
Внутренняя гармония
Хобби
Путешествия
Ощущение счастья