Description

{{current_example.desc}}

Graph

HTML and Configuration

<html>
<head>
  <link rel="stylesheet" href="http://cdn.graphalchemist.com/alchemy.min.css"/>
</head>
<body>
  <div class="alchemy" id="graph"></div>
  <script src="http://cdn.graphalchemist.com/alchemy.min.js"></script>
  <script type="text/javascript">
    var config = {
      dataSource: 'data/contrib.json',
      graphHeight: function(){ return 400; },
      graphWidth: function(){ return 400; },
      
      linkDistance: function(){ return 40; },

      nodeTypes: {"node_type":[ "Maintainer",
                                "Contributor"]},
      nodeCaption: function(node){ 
        return node.caption + " " + node.fun_fact;}
      };

    alchemy.begin(config)
  </script>
</body>
</html>

graphJSON