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:
( 3 reviews ) MILANO, Italy

Project ID: #17791469

Awarded to:


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
(3 Reviews)

22 freelancers are bidding on average €526 for this job


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)

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
(23 Reviews)

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

€833 EUR in 20 days
(28 Reviews)

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
(68 Reviews)

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
(25 Reviews)

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
(80 Reviews)

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)

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
(40 Reviews)
shadabkhan92 lets chat

€555 EUR in 10 days
(3 Reviews)

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
(14 Reviews)

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
(23 Reviews)

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
(10 Reviews)

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)

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
(8 Reviews)

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
(3 Reviews)

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
(9 Reviews)

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)

Hi there! This is Onur and I'm a software and web developer with over 4 years industry experience. My expertise and interest span the spectrum of development; from front-end JavaScript & HTML5, server-side web de More

€555 EUR in 10 days
(0 Reviews)

I have experience in the management of vector graphics for the web. I am also learning the bunch of the framework, phaser js, which seems to be very useful to do what it asks for. An example of animation in SVG: http More

€555 EUR in 10 days
(0 Reviews)

Hello, I have read your concept and understood well that you need a Javascript/JQuery piece of code that receives a data stream and plots the data in an svg or canvas. I am honest and dedicated developer. I read your More

€300 EUR in 10 days
(0 Reviews)