{"version":"1.0","provider_name":"Bill White","provider_url":"https:\/\/billdwhite.com\/wordpress","author_name":"Bill White","author_url":"https:\/\/billdwhite.com\/wordpress\/author\/admin\/","title":"D3 Pan and Zoom Reuse Demo - Bill White","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"GJKbthT9Dm\"><a href=\"https:\/\/billdwhite.com\/wordpress\/2014\/02\/03\/d3-pan-and-zoom-reuse-demo\/\">D3 Pan and Zoom Reuse Demo<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/billdwhite.com\/wordpress\/2014\/02\/03\/d3-pan-and-zoom-reuse-demo\/embed\/#?secret=GJKbthT9Dm\" width=\"600\" height=\"338\" title=\"&#8220;D3 Pan and Zoom Reuse Demo&#8221; &#8212; Bill White\" data-secret=\"GJKbthT9Dm\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","description":"Here is a quick and dirty demo to show how one could reuse the pan and zoom code for other types of layouts. This is in response to this inquiry from the d3 forum. See the Pen cwbjo by Bill White (@billdwhite) on CodePen."}