Completed

Data-driven javascript visualization

I need a Javascript/JQuery piece of code that receives a data stream and plots the data in an svg or canvas.

Each data stream record contains the positional coordinates of 20+ elements plus attributes that determine what, for each element, must be visualized.

Further details will be provided to the selected freelancer.

Further details: the visualization in Javascript must be done in real time and must be synchronized with a video that will be displayed close to it.
The visualization will be paused/resumed based on the user's action on the video controls.
Ideally each data record will have to be processed and visualized in < 40ms. (1 record = 1 video frame = 25 frames/sec). For starters we could accept a processing and visualization time of < 200ms. (5 frames/sec)

Your code will be part of a web page. It will be invoked to process a json array of objects every 40 milliseconds. Each json object in the array will contain the spatial coordinates (X, Y) relative to a plane plus some numerical values which will be used to determine what to plot. For each json array (in real-time) your code will have to draw each object (as a simple geometrical figure like a circle or square or a number) in its position on the plane. Additionally for each object the code will draw other visual information, like for instance a trail like in the video, or a circle around each object whose radius will be determined by a number. At the beginning, before start processing the data stream, the code will draw a rectangle, representing a soccer field.
Actually the data processing loop must be able to visualize the data of one json array as fast as possible. Ideally in less than 40 milliseconds, but the timing might be a bit more relaxed (120 msec.) depending on the type of visualization. The point is: the code I am seeking will do in Javascript what today is done in a video like the one attached

Skills: CSS3, HTML5, Javascript, jQuery / Prototype

See more: data driven website templates, javascript calendar start end selected, photoshop excel data driven, mysql data driven iphone web app, data driven web application template, javascript show form textbox selected, data driven flash news scroll, javascript adding menu previous selected, javascript add tag textarea selected, data driven cms website developers aspnet mumbai, design php data driven website, javascript apply tag around selected text, php javascript script delete button selected data, data driven javascript, javascript data driven menu

About the Employer:
( 0 reviews ) Milan, Italy

Project ID: #17791469

Awarded to:

chromenickel

Buongiorno, I am a specific software developer who has own svg libraries and strong experience on svg visualization. Please see some of my previous svg related softwares in " desktop and web softwares category on More

€750 EUR in 7 days
(1 Review)
1.0

25 freelancers are bidding on average €509 for this job

SovDyn

Hello, This is an interesting task and I think I can do it using Canvas or [login to view URL] (if Canvas comes out to be too slow for you). I worked with javascript graphics a lot before so would be glad to implement this pro More

€744 EUR in 10 days
(17 Reviews)
7.1
AzzkaNoor

Just had a quick visual over your project's posting. I am more than happy to proceed with you. However, I have some questions which I like to ask. Can you message me over the chat so we can start? I will display my r More

€555 EUR in 10 days
(14 Reviews)
6.7
webbookstudio

Hello, w ecan help You. We have good experience in javascript/JQuery. Let's disucss more detailed in pm. Please, review our experience here - https://www.freelancer.com/u/webbookstudio. Waiting for Your reply. Wi More

€833 EUR in 20 days
(28 Reviews)
6.9
techsoftpk

Hello Sir, I can design & develop high quality website to fulfill all of your requirements. Our developed cross-browser website would be highly secure from HACKING and spamming. [login to view URL] http://whit More

€250 EUR in 10 days
(56 Reviews)
5.8
mitss

hello i checked your given requirement details and as you want mobile responsive website. by using Angularjs, bootstrap,html5 with havascript responsive [login to view URL] here check our developed mobile responsive websites More

€1111 EUR in 35 days
(26 Reviews)
5.9
sky930320

Dear Sir I'm ready to handle your project I've full experience in canvas and javascript/jquery I can deliver this work in time Hope to get further details from you Looking forward Sincerely ShuaiXing Li

€555 EUR in 10 days
(20 Reviews)
5.5
lovethomas1026

Hello! Thanks for your post. I read your requirement carefully. I have rich experienced in web visualization. If you give me a chance, I will satisfy you with good result. Please check my profile. I will wait you More

€400 EUR in 10 days
(51 Reviews)
5.8
shadabkhan92

https://www.freelancer.com/projects/javascript/Webdevelopment-Project-for-Shadab/ https://www.freelancer.com/projects/php/Extracting-Data-Software/ lets chat

€555 EUR in 10 days
(3 Reviews)
5.3
langlangFan

Hi, thanks for your job posting. I don't look new client but I read your serious job posting. That's why I write this bid with happy mind. I have developed several websites similar with your requirements. I am good a More

€500 EUR in 10 days
(13 Reviews)
5.5
alexdanilovua

Hello, how are you? I have read your description and fully understood what you need. I mastered jquery and javascript and I am very familiar with javascript chart like highchart and d3.js Also I have integrated char More

€555 EUR in 5 days
(21 Reviews)
4.9
webdevangel

Hello ! thank you for your post. I'm a expert of Web development have the experience of 5 years. please see my profile. I have read the description of your task carefully. I have the sufficient experience in draw More

€500 EUR in 10 days
(19 Reviews)
4.8
ysergeyevich

Thanks for your posting. I've checked your requirements and I'm sure i can do it perfectly on time. The important thing is that i've understood your all requirements and In past, I've done some similar projects. Ple More

€555 EUR in 10 days
(13 Reviews)
4.4
shaheen23

I was looking at your instructions and after carefully going through it, I would like to tell you that I can help you in your project . Not only you can expect quality and timely work from me. But if you are looking fo More

€250 EUR in 3 days
(9 Reviews)
4.1
JohnNetworking

Hello, nice to meet you. I have read the description carefully, and I am interested in your project. I will offer good result to you within your timeframe. When you are free, please get in touch. I want to discus More

€400 EUR in 10 days
(6 Reviews)
3.5
tangramua

Hi, I can create a code for you that receives a data stream and plots the data in an svg or canvas. Lets discuss the details in private chat. I'm really interested in your project. My main specialization is LA More

€400 EUR in 10 days
(4 Reviews)
3.7
nidhicyber

Hello, I have read your project description and I am so much interested for your project as I have very good skills on Jquery, Javascript, Ajax and etc. I am new on freelancer but I have the positive attitude tow More

€350 EUR in 15 days
(2 Reviews)
3.1
tallebibrahem

Hi Sir , I'd love this chance to work with you , if you're interesting in work with me so please contact with me . King Regards, Tay I.

€250 EUR in 5 days
(5 Reviews)
2.5
software4587

Hi There, I am a professional PHP developer with an experience of more than 6 years in creating and customizing PHP based websites, themes and plugins/modules. I have been working with MVC architecture using CodeIgn More

€555 EUR in 10 days
(4 Reviews)
2.2
punitlakra

C Hello, Hope you are doing fine. Please go through the questionaire & revert me back [login to view URL] are your project core features & Functionality? 2. Who's building the application program interface (API)? 3. Do More

€555 EUR in 10 days
(4 Reviews)
1.8
Joe925

Hi. I'm very interested in your project. I'm a web developer with 7 years' experience. My expertise skills include HTML5, CSS3, jQuery, AngularJS, Bootstrap, PHP, Python, ASP.NET, Node.js. If your project is concer More

€350 EUR in 10 days
(1 Review)
1.6