SVG animation - dynamic symbol onClick fetch/populate element - GSAP DRAWSVG

I have a complex SVG i want to use for my portfolio. There are 2 SVGS, one for BEGINNER WEBSITES and one for ADVANCE WEBSITES. Each of the SVGs are separated into two categories, eclipse symbols, and line paths.

What I want is for the DRAWSVG script to select a random line paths and randomly draw from point 0 to point 100% then undraw from point 0 to point 100%, then reverse after a random delay or vice versa.

Second I want the eclipses to scale in size when hovered over with the mouse cursor. When the use clicks on the symbol for the eclipse it should assign a random portfolio item to that symbol for an extended period of time while populating the portfolio-box with the image of the website design.

Keep in mind there are two categories of portfolios... BEGINNER and ADVANCED. Portfolio items should be only displayed based on the category they belong to. I dont want the pictures to be loaded on document load. I want them fetched upon clicking on symbol eclipse and displayed in the element identified by the ID i will disclose to you.

If you do a great job we will add more functionality to this and we can work more in the future. Time to deployment and cost are factors for this project. other projects will not have both the same constraints.

Skills: CSS, HTML5, Javascript, jQuery / Prototype, SVG

See more: html5 animation with greensock, greensock svg animation codepen, tweenlite js, greensock, tweenmax js examples, tweenmax fromto, drawsvg gsap, greensock animate svg path, ajax animation dynamic, getafreelancer svg animation, image animation dynamic flash, svg animation software, svg animation creator, svg mysql dynamic, svg animation path shapes, magazine animation dynamic, svg animation, custom svg animation for hire, freelancer svg animation, freelance svg animation

About the Employer:
( 136 reviews ) OSHAWA, Canada

Project ID: #18135075

5 freelancers are bidding on average $229 for this job


(bid changed to reflect real 2-day investment to this) Hi, there, Matt Sergej here and I can create your desired visualization (24 years a webmaster, 5+ years scripting web animations/charts/visualizations). I un More

$250 CAD in 2 days
(24 Reviews)

Hello, Please see the video on the link : [login to view URL] Please also see "desktop and web softwares" section on my portfolio. I am a specific s More

$700 CAD in 1 day
(2 Reviews)

Hey there, I specialize in SVG scripting/animations. Please have a look at my portfolio to confirm my SVG skills. I can add the described animation and functionality to your SVG. I assure you topnotch quality with u More

$70 CAD in 3 days
(3 Reviews)
$100 CAD in 3 days
(0 Reviews)

What is

$25 CAD in 1 day
(0 Reviews)