Difference between revisions of "Team:Greece/Collaborations"

Line 42: Line 42:
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div style='position:absolute; z-index: 1000; width:300px; height:300px; border:1px solid #ddd;'>
 +
  <h1>Interactivity Controls</h1>
 +
  <h2>Move the graph by clicking and dragging in a blank area</h2>
 +
  <h2>Zoom in or out with your mouse wheel</h2>
 +
  <h2>Hover on the nodes to see the team's name</h2>
 +
  <h2>Click on the rectangular notes for more information on the collaboration project</h2>
 +
</div>
 
<div id='main_box'>
 
<div id='main_box'>
  
Line 119: Line 126:
 
         {id: 28, label: '', title: 'Greece', group: 'groupD', image: 'https://static.igem.org/mediawiki/2017/c/c0/GreeKom_collabs_graph_greece.png', size: 50},
 
         {id: 28, label: '', title: 'Greece', group: 'groupD', image: 'https://static.igem.org/mediawiki/2017/c/c0/GreeKom_collabs_graph_greece.png', size: 50},
  
         {id: 29, label: 'Osiris (HP)', group: 'groupD', shape: 'box'},
+
         {id: 29, label: 'O.S.I.R.I.S. (HP)', group: 'groupD', shape: 'box'},
 
         {id: 30, label: 'Quorum Sensing', group: 'groupD', shape: 'box'}
 
         {id: 30, label: 'Quorum Sensing', group: 'groupD', shape: 'box'}
 
     ]);
 
     ]);

Revision as of 20:39, 19 September 2017

Interactivity Controls

Move the graph by clicking and dragging in a blank area

Zoom in or out with your mouse wheel

Hover on the nodes to see the team's name

Click on the rectangular notes for more information on the collaboration project