Transformer should look for and expect Datawrapper's basic iframe embed. It should add the appropriate event handlers and styles to make the chart embed responsive.
Refer to their responsive embed code:
<iframe
title="Where student loan debt is highest in the US"
aria-label="Map"
id="datawrapper-chart-CSSVw"
src="https://datawrapper.dwcdn.net/CSSVw/12/"
scrolling="no"
frameborder="0"
style="width: 0; min-width: 100% !important; border: none"
height="542"
data-external="1"
></iframe>
<script type="text/javascript">
!(function () {
"use strict";
window.addEventListener("message", function (a) {
if (void 0 !== a.data["datawrapper-height"]) {
var e = document.querySelectorAll("iframe");
for (var t in a.data["datawrapper-height"])
for (var r = 0; r < e.length; r++)
if (e[r].contentWindow === a.source) {
var i = a.data["datawrapper-height"][t] + "px";
e[r].style.height = i;
}
}
});
})();
</script>
Transformer should look for and expect Datawrapper's basic iframe embed. It should add the appropriate event handlers and styles to make the chart embed responsive.
Refer to their responsive embed code: