Верстка одностраничного дэшборда (диаграммы) с использованием d3.js.
Заказчик
Зарегистрирован на сайте 2 года
Отзывы фрилансеров: +0 / 0 / -0
Договорная цена
Верстка одностраничного дэшборда (диаграммы) с использованием d3.js.
Договорная цена
Предложения принимаются до 23.08.2022
Детальное описание диаграммы:
2/3 экрана отдаются под визуальное оформление, 1/3 под панель навигации:
a) Визуальное оформление. Инструмент представляет собой набор связанных друг с другом слоев, наложенных друг на друга.
Все слои располагаются вокруг центрального элемента – картинки (как правило лого компании). На следующем уровне по кругу вокруг центрального элемента расположены элементы первого уровня (слоя). Далее в той же логике располагаются последующие уровни – всего 6 уровней (без учета центрального элемента). При нажатии на любой из элементов любого уровня подсвечиваются все прочие связанные с ним элементы (без учета центрального элемента). Связи между элементами определяются и прописываются через панель администратора.
Пример: observablehq.com/@d3/sunb...
b) Панель навигации. Состоит из 3 вкладок: (1) Навигация (2) Фильтры (3) Инфо. На вкладке Навигация в виде разворачивающихся списков дублируются элементы всех уровней (кроме центрального элемента). Каждый элемент разворачивающегося списка кликабелен. При клике на любой из элементов подсвечиваются все прочие связанные с ним элементы.
2. Технические требования. В одном окне загрузки. Доступ через браузер. Быстрая загрузка и высокая скорость при работе с инструментом (масштаб, кликабельность и т.д.)
См. пример реализации по ссылкам:
1. joxi.ru/n2Yyj0aUkBKL32
2. joxi.ru/82QRv4Qt8WGQlA
При ответе просьба:
1. Указывать примерный диапазон стоимости работ.
2. Давать примеры сайтов / работ где можно посмотреть предлагаемое для моей задачи технологическое решение.
Верстка
Верстка по макету
Контакты
Контакты видны только пользователям с аккаунтом pro