Last 100 Proprietary

by Rajan Paneru

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/networkgraph.js"></script>

<div id="container"></div>

CSS

#container {
    min-width: 320px;
    max-width: 800px;
    margin: 0 auto;
    height: 500px;
}

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'networkgraph',
    marginTop: 80
  },
  title: {
    text: 'Proprietary Content'
  },
  subtitle: {
    text: 'Last 100 published Proprietary content'
  },
  plotOptions: {
    networkgraph: {
      keys: ['from', 'to'],
      layoutAlgorithm: {
        enableSimulation: true,
        integration: 'verlet',
        linkLength: 100
      }
    }
  },
  series: [
  {"nodes": [{"id": "China", "dataLabels": {"enabled": true}, "marker": {"radius": 3.6, "fillColor": "blue"}}, {"id": "Saudi Arabia", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Russia", "dataLabels": {"enabled": true}, "marker": {"radius": 2.8, "fillColor": "blue"}}, {"id": "United States", "dataLabels": {"enabled": true}, "marker": {"radius": 4.4, "fillColor": "blue"}}, {"id": "Israel", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Kenya", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Turkey", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "India", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Indonesia", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Ukraine", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Yemen", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Syria", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Ecuador", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Georgia", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Armenia", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor": "blue"}}, {"id": "Kazakhstan", "dataLabels": {"enabled": true}, "marker": {"radius": 2, "fillColor":...