Skip to main content
Participant
July 14, 2021
Question

Adobe Animate - insert d3.js

  • July 14, 2021
  • 1 reply
  • 386 views

We have a script for graphics that is in d3.js and that needs to be inserted in the page created by Adobe Animate. As Adobe Animate generates a file in html5 Canvas and d3js works with SVG, is there a way to insert it in Canvas,  and also keeping the mouse click and toolltip control in mousehover?

    This topic has been closed for replies.

    1 reply

    Joseph Labrecque
    Community Expert
    Community Expert
    July 15, 2021

    Have you tried including it in a custom HTML Template (in publish settings) or including it via the Action panel? 

     

    Hope one of these suggestions will work.

    LU5EE9Author
    Participant
    July 21, 2021

    Question 1: I included the d3.js script via actions panel, but the script needs to access an external library that it is in the link attached. How to make the included script access an external library?

    https://d3js.org/d3.v4.min.js 

     
    Question 2: the d3.js script creates a graphic...how can I configure/set the position of this graphic in the canvas? I draw a rectangle but when the script is included via actions panel I don´t know is it is included in a specific frame or objetc/symbol? How to set the area/position where the graphic generated by the script will be included?