World countries and net chart - Network chart over world map

Network chart over world map

keyboard_arrow_leftGo back
Open in JSFiddle
JavaScript
chart= new GeoChart({
    "layers": [
        {
            "name": "Points",
            "type": "items",
            "style": {
                "nodeStyleFunction": function (node) {
                        node.label = node.data.id;
                    },
                "linkStyleFunction": function (link) {
                        link.label = link.data.value;
                    },
                "node": {
                    "fillColor": "#2fc32f",
                    "lineColor": "#b0dc0b",
                    "lineWidth": 2
                },
                "nodeLabel": {
                    "backgroundStyle": {
                        "fillColor": "#eab404"
                    },
                    "textStyle": {
                        "fillColor": "#de672c"
                    }
                },
                "linkLabel": {
                    "backgroundStyle": {
                        "fillColor": "#ec2e2e"
                    },
                    "textStyle": {
                        "fillColor": "#56b9f7"
                    }
                }
            }
        }
    ],
    "navigation": {
        "initialLat": 35.04409,
        "initialLng": -90.246213,
        "initialZoom": 2,
        "minZoom": 2
    },
    "background": {
        "enabled": true,
        "type": "tile",
        "url": "https:\/\/maps.zoomcharts.com\/{z}\/{x}\/{y}.png",
        "params": {
            "attribution": "\u00a9 OpenStreetMap<\/a> contributors"
        }
    },
    "container": "demo",
    "data": [
        {
            "url": "\/data\/driving-time-world.json",
            "perBoundsData": false
        }
    ],
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})
HTML
      <script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
      <div id="demo"></div>