JS Sunburst Chart not working

I am trying to add a special JS chart in my page, I tested the component in a basic HTML page, but I tried to run it inside a DIV VAADIN containing an Html object it did not run, I also tried a @JsModule , still I think I am lost, any idea how to run this? thank you, ofcourse I will need to change the data and cause the component to refresh by changing the code below.

@JsModule("https://unpkg.com/sunburst-chart")
<!DOCTYPE html>
<html>

<head>
    <script src="https://unpkg.com/sunburst-chart"></script>
    <!--<script src="../../dist/sunburst-chart.js"></script>-->
  
    <style>body { margin: 0 }</style>
  </head>
  <body>
    <div id="chart"></div>
  
    <script>

      const data = {
        name: 'main',
        color: 'magenta',
        children: [{
          name: 'a',
          color: 'yellow',
          size: 1
        },{
          name: 'b',
          color: 'red',
          children: [{
            name: 'ba',
            color: 'orange',
            size: 1
          }, {
            name: 'bb',
            color: 'blue',
            children: [{
              name: 'bba',
              color: 'green',
              size: 1
            }, {
              name: 'bbb',
              color: 'pink',
              size: 1
            }]
          }]
        }]
      };
  
      Sunburst()
        .data(data)
        .size('size')
        .color('color')
        .radiusScaleExponent(1)
        (document.getElementById('chart'));
    </script>
  </body>

</html>

I highly doubt that the Html class is meant to be used like that. Did you check the rendered DOM?

It’s probably better to do something like this: GitHub - jcgueriaud1/amcharts-demo: Use Am charts with Vaadin 14 demo