Hi everyone (or DNN and JavaScript gurus)

I have spent a week to create a page which displays various interactive plots using several JavaScript files. For some reason, the functions stopped working Wednesday. The functionality relied on a couple of <script> tags in a HTML module > Edit Content > HTML view. I later learn that <script> tags are not "allowed" there and those lines had been removed by DNN. I have no idea why I was allowed to do so in the first place.  I therefore moved the code into one of my referenced js-files (in Page Appearance > Page Header Tags). I used the following bootstrap method to "execute/run" some of the javascript functions (that create a plot and a corresponding table and style the table) 

$(document).ready(function() {

CreateMyPlotAndTable()

});

When doing so, some of the JavaScript functions are executed while others apparently are not (they are nested in the same function). Thus, the plot and table is no longer functioning properly. Does anyone have any suggestions to solve this? Any help would be much appreciated!

Best regards,

Torben

Detailed problem:

To get an idea of what I am trying to do, see the interactive figures in the bottom of this page (using IFrame):

http://buildingdesign.moe.dk/PhD-Proj...

And here is the page under development (using javascript in DNN)

http://buildingdesign.moe.dk/TestArea...

I suspect it has something to do with the scope of JavaScript variable scope or some DNN restrictions. When running the "CreateMyPlotAndTable()" function it runs a number of nested functions (referring to different JavaScript files). In the following (abbreviated version) it seems that the function d3.parcoords() is run while d3.divgrid() is not. Tried to define the variable on beforehand.