makis2404

Preface I have an Odyssey in the "space" of D3.js, until I found GreenShock. I wish have found it earlier! I didn't need the (big?) data, just the animation! Chapter 1 Here is the problem of my gsap-animated page. When the page opens there is a black strip on top of image instead of $("#field"), {scaleY: 2} (If you replay, it corrects). After 5 sec begining the animation, an instand flare fires in frond and under the tank!

Very often when trying to work with JQuery or D3.js on top of Gsap there is something that gows wrong and only pure DOM (after closing other libraries) can manage events with event handlers. And I have the idea that it is JS Bin that causes the problem. Have you seen any JSBin issues like that? e.g. var $btn = $("#btn_1") $btn.on("click",function(){//some TweenMax.to ...}) or d3.select("#btn_1").on("click",someFunction) they can't work properly. But after turn it to: document.getElementById("btn_1").addEventListener("click",someFunction) can proceed.

Thanks. It is amazing!

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

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?