FusionCharts - DragNode Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var orgFlowchart = new FusionCharts({
    type: 'dragnode',
    renderAt: 'chart-container',
    width: '400',
    height: '300',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Sample",
        "is3d": "0",
        "howPrintMenuItem": "0",
        "showplotborder": "1",
        "plotborderthickness": "2",
        "valuefontcolor": "#ffffff",
        "viewMode": "1",
        "showFormBtn": "0",
        "btnTextColor": "#333333",
        "showPlotBorder": "0",
        "toolTipColor": "#ffffff",
        "toolTipBorderThickness": "0",
        "toolTipBgColor": "#000000",
        "toolTipBgAlpha": "80",
        "toolTipBorderRadius": "2",
        "toolTipPadding": "5",
        "theme":"fint"

      },
      "dataset": [{
        "data": [
         {
            "id": "01",
            "label": " ",
            "x": "12",
            "y": "150",
            "shape": "rectangle",
            "width": "90",
            "height": "30"
          },
         {
            "id": "02",
            "label": "",
            "alpha":"0",
            "x": "12",
            "y": "110",
            "shape": "circle",
            "radius": "5"
          }, {
            "id": "02.01",
            "label": "",
            "alpha":"0",
            "x": "7",
            "y": "110",
            "shape": "circle",
            "radius": "5"
          },{
            "id": "02.02",
            "label": "",
            "alpha":"0",
            "x": "17",
            "y": "110",
            "shape": "circle",
            "radius": "5"
          }, {
            "id": "03",
            "label": " ",
            "x": "7",
            "y": "80",
            "shape": "rectangle",
            "width": "140",
            "height": "30"
          }, {
            "id": "03.01",
            "label": " ",
            "x": "17",
            "y": "80",
            "shape": "rectangle",
            "width": "140",
            "height":...