posting interactive html plots on websites

abmayfield

Hello, 

    I am interested in putting interactive JMP HTML files on my personal website, which is hosted by Squarespace. It seems like the only way to do this is 1) open the interactive HTML file on Chrome, 2) copy the HTML scripts (using Mac's "Developer" option), and 3) pasting the script into either a code box or "embed" box on my website. This does work (although I always get an error message saying the code is too long). However, it always puts the interactive plot under the footer at the bottom of the page (regardless of where I have "placed" the code box). Is there a way I can modify the script to where it actually puts the interactive plot where I want it to go? Alternatively, is there a way to simply "post" an interactive plot on a website, without the need for scripting? (I know hackers can steal my data this way; this is not a concern of mine. I want people to steal my data since it is for the common good!). 

cwillden

I found a really easy solution!  You can embed an html page within another html page using <iframe> tags.  Here's a really simple example:

<!DOCTYPE html>
<html>
    <head>
        <title>Main Page</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="initial-scale=1.0">
        <style>
            iframe {
                width: 100%;
                height: 600px;
            }
        </style>
    </head>
    <body>
        <p>Some content above.</p>
        <iframe src="Graph%20Builder.htm"></iframe>
        <p>Some content below.</p>
    </body>
</html>

In the opening iframe tag, you link to the JMP interactive html file.  You will need to upload that file to foursquare so it can find it and make sure the path is correct.  You will also want to add styling to the iframe to resize it as needed.  In the <style> tags, I made the iframe as wide as possible and 600 pixels tall.

 

Here's what my result looks like.