Just a dumb test for iFrame animation.

<!DOCTYPE html>
<html>
  <head>
    <title>'slideshow'</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
    <style>
      #stage {
        position: relative;
        overflow: hidden;
        width: 800px;
        height: 800px;
      }
      #stage div.slide {
        display:inline;
        position:absolute;
        background-color: white;
      }
    </style>
    <script>
      d3.selection.prototype.moveToFront = function() {
        return this.each(function() {
          this.parentNode.appendChild(this);
        });
      };
      d3.selection.prototype.moveToBack = function() {
        return this.each(function() {
          var firstChild = this.parentNode.firstChild;
          if (firstChild) {
            this.parentNode.insertBefore(this, firstChild);
          }
        });
      };
    </script>
    <script>
      (function($) {

$('document').ready(function() {
          var data = [
            {
              uri: "https://drupal.org/node/1960824"
            },
            {
              uri: "https://drupal.org/node/1762204"
            },
            {
              uri: "https://d3js.org/"
            }
          ];
          var width = 800;
          var width_20 = width / 5;
          var width_80 = width * 4 / 5;
          var height = 600;
          var height_20 = height / 5;

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://code.jquery.com/jquery-1.10.1.min.js to a secure url

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

https://code.jquery.com/jquery-1.10.1.min.js