anchor.diff:  </head>
   <body>
   <h1>Network graph of <%= pacticipant_name %> relationships</h1>
  -<div id="legend" </div>
   <script type="text/javascript">
   var windowWidth, windowHeight, svg;
   
  
positive.code: var relationshipData = function(pacticipant, relationships) {
      var relationshipsInvolvingPacticipant = [];
      relationships.forEach(function(relationship) {
          var dummyRelationship = [];
          if (relationship.consumerId == pacticipant.id) {
              dummyRelationship[0] = relationship[0];
              dummyRelationship[1] = relationship[1];
              if (relationship.relationshipType) {
                  dummyRelationship.relationshipType = relationship.relationshipType;
              } else {
                  dummyRelationship.relationshipType = 'consumer';
              }
              relationshipsInvolvingPacticipant.push(dummyRelationship);
          } else if (relationship.providerId == pacticipant.id) {
              dummyRelationship[0] = relationship[1];
              dummyRelationship[1] = relationship[0];
              if (relationship.relationshipType) {
                  dummyRelationship.relationshipType = relationship.relationshipType;
              } else {
  
negative.code:         .attr("x", function(d, i) { return textXOffset(d, i, maxrad); })
          .attr("y", function(d, i) { return textYOffset(d, i, maxrad); })
          .attr("text-anchor", textAnchor)
          .attr("fill", textFill)
          // .attr("font-size", function(){ return 15; });
          .attr("class", function() { return "pacticpantLabel"; });
  
          circles.on("mouseover", pacticipantMouseover).on("mouseout", pacticipantMouseout);
          text.on("mouseover", pacticipantMouseover).on("mouseout", pacticipantMouseout);
  
      });
  }</script>
  </body>
  