How to add a widget to hive post ?

I wanted to add an html widget to hive post but somehow it never worked. Does anyone has an idea to help ?

This is what it brings :

<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/markets/futures/" rel="noopener" target="_blank"><span class="blue-text">Commodities</span></a> <span class="blue-text">and</span> /www.tradingview.com/markets/currencies/" rel="noopener" target="_blank">blue-text">Gold-miners favorites list by TradingView
  text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async>
  {
  "colorTheme": "light",
  "dateRange": "12m",
  "showChart": true,
  "locale": "en",
  "largeChartUrl": "",
  "isTransparent": false,
  "width": "400",
  "height": "660",
  "plotLineColorGrowing": "rgba(33, 150, 243, 1)",
  "plotLineColorFalling": "rgba(33, 150, 243, 1)",
  "gridLineColor": "rgba(240, 243, 250, 1)",
  "scaleFontColor": "rgba(120, 123, 134, 1)",
  "belowLineFillColorGrowing": "rgba(33, 150, 243, 0.12)",
  "belowLineFillColorFalling": "rgba(33, 150, 243, 0.12)",
  "symbolActiveColor": "rgba(33, 150, 243, 0.12)",
  "tabs": [
    {
      "title": "Commodities",
      "symbols": [
        {
          "s": "CME_MINI:ES1!",
          "d": "E-Mini S&P"
        },
        {
          "s": "CME:6E1!",
          "d": "Euro"
        },
        {
          "s": "COMEX:GC1!",
          "d": "Gold"
        },
        {
          "s": "NYMEX:CL1!",
          "d": "Crude Oil"
        },
        {
          "s": "NYMEX:NG1!",
          "d": "Natural Gas"
        },
        {
          "s": "CBOT:ZC1!",
          "d": "Corn"
        }
      ],
      "originalTitle": "Commodities"
    },
    {
      "title": "Gold-miners favorites list",
      "symbols": [
        {
          "s": "TSX:K",
          "d": "Kinross Gold Corp."
        },
        {
          "s": "TSXV:MTA",
          "d": "Metalla Royalty"
        },
        {
          "s": "TSX:BTO",
          "d": "B2GOLD"
        },
        {
          "s": "TSXV:KNT",
          "d": "K92 Mining"
        }
      ],
      "originalTitle": "Forex"
    }
  ]
}
  </script>
</div>

But it was supposed to bring something like that :