Функциональный 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
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 22 часа 41 минута назад ∙ 24 ставки |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 2 дня 14 часов назад ∙ 93 ставки |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 3 дня 9 часов назад ∙ 26 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 5 дней 10 часов назад ∙ 55 ставок |
Ищу Senior Full-Stack разработчика (Payload CMS) — миграция 2 сайтов гостиничной сетиСеть курортных отелей переходит с Webflow на собственный headless-стек. Два корпоративных сайта (~140 страниц вместе), multi-tenant архитектура — один код обслуживает несколько отелей на разных доменах. Проект уже стартовал: инфраструктура развернута, tenants настроены, базовые… CMS, Javascript и Typescript ∙ 9 дней 8 часов назад ∙ 19 ставок |
Эстония