HiTech Companies Graph

Select a theme:

                     <html>
<head>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-graph.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-data-adapter.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script>
  <script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script>
  <link href="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css" type="text/css" rel="stylesheet">
  <link href="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.min.css" type="text/css" rel="stylesheet">
  <style type="text/css">

    html,
    body,
    #container {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
  
</style>
</head>
<body>
  
  <div id="container"></div>
  

  <script>

    anychart.onDocumentReady(function () {
      anychart.data.loadJsonFile(
        // The data used in this sample can be obtained from the CDN
        'https://cdn.anychart.com/samples-data/graph/knowledge_graph/data.json',
        function (data) {
          // create graph chart
          var chart = anychart.graph(data);

          // set settings for each group
          for (var i = 0; i < 8; i++) {
            // get group
            var group = chart.group(i);

            // set group labels settings
            group
              .labels()
              .enabled(true)
              .anchor('left-center')
              .position('right-center')
              .padding(0, -5)
              .fontColor(anychart.palettes.defaultPalette[i]);

            // set group nodes stroke and fill
            group.stroke(anychart.palettes.defaultPalette[i]);
            group.fill(anychart.palettes.defaultPalette[i]);
          }

          // set container id for the chart
          chart.container('container');
          // initiate chart drawing
          chart.draw();
        }
      );
    });
  
</script>
</body>
</html>

This is a network graph of the main hitech companies and their relations to one another. The data was manually derived from Google Knowledge Graph, so it reflects which companies people search for together.

Warning!

HiTech Companies Graph

HiTech Companies Graph