Radial graph chart - Radial graph chart with expandable nodes

Radial graph chart with expandable nodes

keyboard_arrow_leftGo back
Open in JSFiddle
JavaScript
chart= new NetChart({
    "navigation": {
        "focusNodeExpansionRadius": 1,
        "initialNodes": [
            "m-1"
        ],
        "mode": "focusnodes"
    },
    "layout": {
        "mode": "radial",
        "nodeSpacing": 30
    },
    "style": {
        "node": {
            "display": "image",
            "lineWidth": 2,
            "lineColor": "#2fc32f",
            "imageCropping": true
        },
        "nodeStyleFunction": function(node) {
node.image = "https://zoomcharts.com/dvsl/data/net-chart/friend-net/"+node.id+".png";
node.label = node.data.name;
}
    },
    "container": "demo",
    "data": [
        {
            "url": "\/data\/friend-net-tree.json"
        }
    ],
    "toolbar": {
        "fullscreen": true,
        "enabled": true
    },
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})
HTML
      <script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
      <div id="demo"></div>
                  
Data

              
//