Animation in either CSS or lightweight JavaScript
- or -
Post a project like this$$
- Posted:
- Proposals: 5
- Remote
- #2045637
- Expired
Description
Experience Level: Intermediate
We need an animation produced for a client which is essentially a radar chart which may have up to 3 datasets at once.
To give you an idea of how the datasets should work look at this
http://www.chartjs.org/samples/latest/charts/radar.html
And it should have 2 charts on top of each other, reveal one with just rings via a green swoosh in radar motion, like an actual radar. Then reveal the next with the dots added then hide the rings on a final reveal of the datasets, see the attached images for reference.
The Spec ..
Display a radar chart with animation in either CSS or lightweight JavaScript. Animation in 2 stages of 360 degree turns once to reveal the points and a second turn to hide the rings and fill in the dataset/s colour. The chart should be able to display up to 3 datasets at once and each dataset should be a different configurable colour. Our scripts will make the values for each dataset available on the page. We would need to control the speed of the animation. The chart and animation needs to be responsive as well. Ideally it would be an image at the end for easy download later but can be html css if that’s easier then we can convert it to an image.
We would need a preview and you would need to liaise with our client throughout the process as there may be tweaks to your work after the first draft
Also we may require tooltip functionality tbc later in a possible second round of development.
To give you an idea of how the datasets should work look at this
http://www.chartjs.org/samples/latest/charts/radar.html
And it should have 2 charts on top of each other, reveal one with just rings via a green swoosh in radar motion, like an actual radar. Then reveal the next with the dots added then hide the rings on a final reveal of the datasets, see the attached images for reference.
The Spec ..
Display a radar chart with animation in either CSS or lightweight JavaScript. Animation in 2 stages of 360 degree turns once to reveal the points and a second turn to hide the rings and fill in the dataset/s colour. The chart should be able to display up to 3 datasets at once and each dataset should be a different configurable colour. Our scripts will make the values for each dataset available on the page. We would need to control the speed of the animation. The chart and animation needs to be responsive as well. Ideally it would be an image at the end for easy download later but can be html css if that’s easier then we can convert it to an image.
We would need a preview and you would need to liaise with our client throughout the process as there may be tweaks to your work after the first draft
Also we may require tooltip functionality tbc later in a possible second round of development.
Ben K.
98% (25)Projects Completed
20
Freelancers worked with
18
Projects awarded
45%
Last project
1 Aug 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies