Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!
6 000 ₽

Веб разработчик для визуализации данных с помощью Java Script и jquery

closed without completion


Есть дашборд в Google Data Studio. Возможно ли с помощью относительно нового функционала:

https://developers.google.com/datastudio/visualization/ 

 разработать возможность визуализации точек и линий на графике в виде теннисного корта? ТЗ приложено.

Если нет - то предложить аналог BI системы для данной задачи.


imageimage


Используем в качестве графика картинку теннисного корта. Тип графика: “Координатная плоскость” с началом координат в выбранной точке (центр корта = координата 0:0).

картинка в векторе:

https://drive.google.com/file/d/1A-WviQMfyOYcwo8eMXsGEOWwzeh0iKBW/view?usp=sharing 


Источником данных является Google sheets.


Сценарии использования координатной плоскости: 

  1. Вывод точек с координатами (X;Y)

    1. с возможностью настройки цветовых параметров, заданных отдельной колонкой.Например: красный - 1 параметр, зеленый - 2 параметр и т.д.

    2. Одна картинка поддерживает одновременно 2 (X;Y): на верхней половине точки попадания мяча, на нижней половине точки местоположения игрока.

Пример файла с данными: https://docs.google.com/spreadsheets/d/1xLIFFookGWAKuBD7RcDHLSyQsVPqGqP3nsf_ChHiMus/edit?usp=sharing 


Колонки 2.61 и 2.62 - координаты точки падения мяча. Колонки 2.51 и 2.52 - координаты местоположения игрока. Колонка 2,5 - доп параметр.


Пример картинки: http://prntscr.com/n4buce - без ракетки и стрелочек. Вывод % по возможности.



2. Исходя из пункта 1 вывод точек, соединенных попарно линиями, образуя таким образом вектора.


2.1     Вектор направлен из точки 

местоположения игрока в точку падения мяча (колонки 2.51, 2.52 и 2.61, 2.62 соответственно)

2.2     Вторая точка вектора должна быть обозначена жирным на картинке: http://prntscr.com/mse0hc (чтобы лучше читалось направление). 

2.3    Должна быть возможность настройки цветовых параметров, например: красный - 1 параметр, зеленый - 2 параметр и т.д. и 3х структурных параметов: сплошная тонкая линия - 1 параметр, пунктирная - 2 параметр, сплошная толстая линия - 3 параметр.



Пример картинки: http://prntscr.com/n4c0kn 

Applications 1

Only registered users can view attachments.


  1. 10 days6 000 ₴
    Юрий Никоненко
     1509   22  0   1

    Здравствуйте, Алексей!
    Готов реализовать ваше задание с помощью canvas, javascripta, php.

    С уважением, Юрий

    Ukraine Вольнянск | 8 May at 00:02 |
  2. proposal concealed by freelancer
  3. 10 days12 000 ₽
    Михаил Фрилансер
     163   2  0

    Здравствуйте.     
    Напишите для обсуждения задачи, и цены.

    Russia Sochi | 8 May at 13:13 |