Функциональный Dashboard на Javascript
Создать функциональный Dashboard с данными из CSV фаила или JSON. Желательно использовать Vega или D3, но принимаются и другие пакеты для рассмотрения.
Общая картинка представлена в прикрепленном фаиле. CSV уже почищен.
Потребуется использовать следующие диаграммы и пакеты:
https://vega.github.io/vega/examples/job-voyager/
По сути данная диаграмма имеет "открытый код" и можно ее "обработать". В данном примере представлены рабочие группы ЖЕНЩИНЫ и МУЖЧИНЫ по годам + по категориям занятости. Мне требуется 1 в 1:
1. Снизу идут так же года (TimeStamp из CSV) и вместо групп занятости будут "станции" - Station.Number (их вроде 15 штук)
А мерить требуется (Temperature и Calculated.Chlorophyll) = это вместо женщин и мужчин.
Идеально если выйдет добавить вторую такую же диаграмму где мерить будем Calculated.Oxygen и Salinity
Слева должен быть список станций: с 1 по 15 допустим ( у меня в примере названия, но пусть будут цифры). Наверно для простоты стоит создать 2 списка или сделать возможность "выбирать" станции методом клика. Например я хочу выбрать станцию 1 и 2.
После выбора станции 1 и 2 я хочу видеть данный график, где изображено средние по кварталам
Calculated.SPM + Calculated.Oxygen
https://vega.github.io/vega/examples/stacked-area-chart/
Calculated.Chlorophyll + Salinity
https://vega.github.io/vega/examples/stacked-bar-chart/
Depth + Temperature
https://vega.github.io/vega/examples/line-chart/
И Идеально если выйдет вставить и этот график (так же пусть будет синий = станции 1 и Оранжевый = станция 2)
и тут 7 факторов Но нет "лет" конечно тут можно вывести среднею за последние 5 лет допустим.
фактор 0 = Depth
фактор 1 = Salinity
фактор 2 = Temperature
фактор 3 = Calculated.Chlorophyll
фактор 4 = Calculated.Oxygen
фактор 5 = Calculated.SPM
https://vega.github.io/vega/examples/radar-chart/
Так же хотелось бы создать небольшую интерактивную карту с "точками на ней", координаты точек я предоставлю.
Додатки 3
-
2 дні2123 UAH
94 2 дні2123 UAH
Привет, готов взяться за твой проект.
Сделаю интерактивны дашбоард, если будут вопросы обращайся
-
Сделать это как отдельную страницу со всеми графиками-диаграммами и картой?
Или это часть Вашего сайта? Если как часть сайта, то на чём сделан сайт? -
Обычный Дашбоард можно залить его на ГитХаб, никакого сайта не требуется. Только Дашбоард.
-
Добрый вечер. Хотелось бы уточнить, что формируется по Y - мужчины и женщины относительно профессий в примере отображаются на текущий момент на основании значения perc(percentage), который в сумме для всех профессий дает 1(100%)
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 14 годин 6 хвилин тому ∙ 66 ставок |
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 3 дні 1 година тому ∙ 28 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 4 дні 17 годин тому ∙ 96 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 5 днів 11 годин тому ∙ 27 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 7 днів 13 годин тому ∙ 55 ставок |
Естонія