Graphic Embed

The code included in the script section below is all you will need to embed a graphic. Copy the code and paste it into your page.

<!--Link to pym script-->
<script type="text/javascript" src="//graphics.thomsonreuters.com/pym.min.js"></script>

<!--Div with a unique id-->
<div id="targetdiv"></div>

<!-- Script that will create responsive iframe of the graphic inside the div using the id and the url -->
<script type="text/javascript">
var pymParent = new pym.Parent('targetdiv', '', {});
</script>
More information on each line of code included in script:

The embed code consists of three lines of code.

1. Link to a hosted script file. The code in this file will generate a frame on your page for the interactive. If you do not want to link to our servers for this script file, you can download pym.js and upload the file to your own server, and link to that.

<script type="text/javascript" src="//graphics.thomsonreuters.com/pym.min.js"></script>

2. An html element (div) with a unique ID. This ID will be pasted into the script tag in step three. You are free to change the ID of this div. However, you must then change the id as referenced in the third line of code. The graphic is built to take up the entire width of whatever html element it is put into. So if you would like it to be smaller or larger, simply size the element that will contain it.

<div id="targetdiv"></div>

3. A script tag to create the responsive iframe for the graphic. This tag requires two pieces of specific text. The name of the div created above, and the link to the hosted graphic. If you do not wish to use the hosted graphic, and would rather host it yourself, place the included production version of the graphic on your own server, and change this link to point to that version.

<script type="text/javascript">
var pymParent = new pym.Parent('targetdiv', '', {});
</script>