FusionCharts - Gallery Example - DragNode Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- Dragnode chart showing process flow for construction of a store.  -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

const dataSource = {
  chart: {
    caption: "Amazon Prime Video Categorization",
    theme: "fusion",
    viewmode: "1",
    showrestorebtn: "0",
    valuefontcolor: "#FFFFFF",
    yaxismaxvalue: "1000",
    yaxisminvalue: "0",
    divlinealpha: "0"
  },
  dataset: [
    {
      data: [
        {
          id: "01",
          label: "Home",
          x: "50",
          y: "900",
          shape: "rectangle",
          width: "80",
          height: "40"
        },
        {
          id: "02",
          label: "Movies",
          x: "50",
          y: "500",
          shape: "rectangle",
          width: "0",
          height: "0"
        },
        {
          id: "03",
          label: "Action",
          x: "50",
          y: "100",
          shape: "rectangle",
          width: "0",
          height: "0"
        },
        {
          id: "02.1",
          label: "Kids",
          x: "80",
          y: "500",
          shape: "rectangle",
          width: "80",
          height: "40"
        },
        {
          id: "03.1",
          label: "Fantasy",
          x: "80",
          y: "100",
          shape: "rectangle",
          width: "60",
          height: "40"
        }
      ]
    }
  ],
  connectors: [
    {
      stdthickness: "1.5",
      connector: [
        {
          from: "01",
          to: "03",
          arrowatstart: "0",
          arrowatend: "0",
          alpha: "100"
        },
         {
          from: "02",
          to: "03",
          arrowatstart: "0",
          arrowatend: "0",
          alpha: "100"
        },
         {
          from: "02",
          to: "02.1",
          arrowatstart: "0",
          arrowatend: "0",
          alpha: "100"
        },
         {
          from: "03",
          to: "03.1",
          arrowatstart: "0",
          arrowatend: "0",
          alpha: "100"
        }
      ]
    }
  ]
};

FusionCharts.ready(function() {
  var myChart = new FusionCharts({
    type: "dragnode",
    renderAt:...