We wish to embed a graph on our website which has 6 buttons/states. When different states are selected (by clicking on a tab OR the graph) we require the graph to animate into it's new state.
You will be provided with 6 complete mockups of the graphs in PSD format and all text elements. You will be required to create the graph so it can be embedded on our website. The essential part of this project is the animation of the graph into different states and that both graph and tabs are clickable to move into a new state. To give a clearer understanding of what we are after we have attached the 2 of the graph states.
In graph_3 we would like the retirement dots to appear and the blue area to 'grow' to the top dot when a user clicks on the 'getting ready' tab OR clicks on the blue area of the graph.
In graph_4: When a user clicks on 'income planning' we would like the 1. blue area to fade 2. the three sections on the right 'desirables', 'non-essentials' and 'essentials' should animate in smoothly. 3. Text should appear when hovering over any of the three sections in the graph.
DEADLINE: We are in a very time sensitive project so we require this to be completed by July 22nd. Because of the time sensitivity we would appreciate an example of some animated elements on a webpage created by you prior to commencing this job. This does not have to be of our graph, it can be from your portfolio, but we would like to know you can handle it.