Функциональный 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/
Так же хотелось бы создать небольшую интерактивную карту с "точками на ней", координаты точек я предоставлю.
Applications 3
-
2 days51 USD
94 2 days51 USD
Привет, готов взяться за твой проект.
Сделаю интерактивны дашбоард, если будут вопросы обращайся
-
Сделать это как отдельную страницу со всеми графиками-диаграммами и картой?
Или это часть Вашего сайта? Если как часть сайта, то на чём сделан сайт? -
Обычный Дашбоард можно залить его на ГитХаб, никакого сайта не требуется. Только Дашбоард.
-
Добрый вечер. Хотелось бы уточнить, что формируется по Y - мужчины и женщины относительно профессий в примере отображаются на текущий момент на основании значения perc(percentage), который в сумме для всех профессий дает 1(100%)
-
Current freelance projects in the category Javascript and Typescript
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 18 hours 39 minutes back ∙ 66 proposals |
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 3 days 5 hours back ∙ 28 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 4 days 21 hours back ∙ 96 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 5 days 16 hours back ∙ 27 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 7 days 17 hours back ∙ 55 proposals |
Estonia