Displaying custom html in a lovelace card

Hi all, new to this so apologies if this is a basic question…

I am trying to display custom html inside of a card. The custom code is:

<script id="wg_fwdg_53_3_1549218841894">
(function (window, document) {
  var loader = function () {
    var arg = ["s=53","m=3","uid=wg_fwdg_53_3_1549218841894","wj=knots","tj=c","odh=0","doh=24","fhours=240","vt=forecasts",
   "p=WINDSPD,GUST,MWINDSPD,SMER,TMPE,FLHGT,CDC,APCPs,RATING"];
    var script = document.createElement("script");
    var tag = document.getElementsByTagName("script")[0];
    script.src = "https://www.windguru.cz/js/widget.php?"+(arg.join("&"));
    tag.parentNode.insertBefore(script, tag);
  };
  window.addEventListener ? window.addEventListener("load", loader, false) : window.attachEvent("onload", loader);
})(window, document);
</script>

This should display the data for a location on Wind Guru as a table - see here, https://www.windguru.cz/53 Click ‘Share’, ‘Add to your website’ and then ‘Preview’.

What would you suggest as the best way to display this on my lovalace front end?
Thanks!

Maybe iframe can help? I haven’t tried or used it though.

So I’ve created my own html file with this inside it, and can display that with iFrame, but it feels a bit hacked together. Wasn’t sure if there was a neater way that I wasn’t aware of

Well, it is if there isn’t a proper integration for it. :slight_smile: But it is possible and not unusual.

Hi @lukenn,
I’m trying exaclty the same. I use iframe with the folder of the script i stored but i have a blank image… do you ahve an idea?
thanks,