title: Adding JsCharts to Tampermonkey
body: <p>I'm trying to add JsCharts to a Tampermonkey script, but It's not working properly. Here's the script code and an image of how the chart just keeps on spinning the loading indicator. How can I make this work?</p>
  <pre><code>// ==UserScript==
  // @name         New Userscript
  // @namespace    http://tampermonkey.net/
  // @version      0.1
  // @description  try to take over the world!
  // @author       You
  // @match        http://localhost:10050/
  // @require      http://code.jquery.com/jquery-3.6.0.slim.min.js
  // @require      https://code.jscharting.com/latest/jscharting.js
  // @grant        none
  // ==/UserScript==
  
  $(document).ready(function() {
      'use strict';
  
      // Your code here...
      $('body').append('&lt;div id=&quot;chartDiv&quot; style=&quot;width:50%; height:300px; margin: 0 auto;&quot;&gt;&lt;/div&gt;')
      drawChart('chartDiv');
  })();
  
  function drawChart(element) {
      JSC.Chart(element, {
          type: 'horizontal column',
          series: [
              {
                  points: [
                      {x: 'Apples', y: 50},
                      {x: 'Oranges', y: 42}
                  ]
              }
          ]
      });
  };
  </code></pre>
  <p><a href="https://i.stack.imgur.com/e2DAq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e2DAq.png" alt="Loading forever" /></a></p>