I'm trying to use D3 and javascript to create charts on some webpages. The d3 behaves as expected--expected the results show up below the footer, outside the template area. Is there something I'm missing so that I can use d3?

D3 meaning svg files?

Cheers
Paul

Yes. D3 is SVG.

Don't think this has cropped up before

Do you have a link for an example?

Cheers
Paul

www.west-fly-fishing.com/index.php/tides/856-test-chart


Scroll to the very bottom, way past the footer.

How are you loading the content? is it via an article or module?

Cheers
Paul

Via an article. The article contents are:

{source}
<?php

echo '{zen-row}{zen-12}';
include 'tides/testT.php';
echo '{/zen-12}{/zen-row}';
echo '{zen-row}{zen-8}';
include 'tides/testL.php';
include 'tides/testL.js';
echo '{/zen-8}{zen-4}';
include 'tides/testR.php';
echo '{/zen-4}{/zen-row}';


?>
{/source}

the php "include" files simply print Top, Left, and Right as placeholders. The graphics are in tides/testL.js

Hi,

I'm not sure how loading a php file in an article content would work. You would need to check with the makers of the plugin you are using. If you are echoing content it's probably being outputted before the content even gets to the template.

It seems to be the same with the protostar template: www.west-fly-fishing.com/index.php/tides/856-test-chart?template=protostar

Since D3 is a js library, I would probably think the best way to use it would be to ad a div with an id into your content and then include a javascript file with you d3 code in the template that targets your div id.

Regards,

Rob

Looking at the file here: www.west-fly-fishing.com/tides/test.js

You are targeting the body tag and then inserting the svg at the end of it:

You can use the add scripts area of the template to include your standard d3.js file, bu you need to adjust you custom code to target an element that you have added where you want the graph to show.

Regards,

Rob