d3.js with gsap?

[makis2404]

When I want to add an event handler to an svg element how can I select it?

With DOM. Yes.

With jquery?

With ... d3.js?

Is there any incompatibillities with d3.js?

[PointC]

I'm not really sure what the question is here. Are you asking if GSAP and d3 can work together? I don't know much about d3, but there are some CodePen demos using both.

 

See the Pen by search (@search) on CodePen

[makis2404]

Yes. Thanks. Do you think d3 is fully compatible with gsap? Because It would be very Helpful! 

[GreenSock]

I can't imagine something that wouldn't be compatible with GSAP. Think of it as a generic property manipulator - it can tween any property of any object that JavaScript can touch. It doesn't care if it's a D3 object, a DOM element, SVG, or a generic object. For example: 

 

//create a generic object with whatever property you want...
var obj = {myProp:10};

//GSAP can tween it: 
TweenMax.to(obj, 2, {
    myProp:200, 
    onUpdate:function() {
        console.log(obj.myProp);
    }
});

 

As long as JavaScript can touch it, GSAP can animate it. D3 is no exception.

 

Does that clear things up? 

[makis2404]

Thanks. It is amazing!