iramuteq.org Git - iramuteq/blob - webexport/js/sigma.parseGexf.js~

   1 // Mathieu Jacomy @ Sciences Po Médialab & WebAtlas\r
   2 // (requires sigma.js to be loaded)\r
   3 sigma.publicPrototype.parseGexf = function(gexfPath) {\r
   4   // Load XML file:\r
   5   var gexfhttp, gexf;\r
   6   var sigmaInstance = this;\r
   7   gexfhttp = window.XMLHttpRequest ?\r
   8     new XMLHttpRequest() :\r
   9     new ActiveXObject('Microsoft.XMLHTTP');\r
  10 \r
  11   gexfhttp.overrideMimeType('text/xml');\r
  12   gexfhttp.open('GET', gexfPath, false);\r
  13   gexfhttp.send();\r
  14   gexf = gexfhttp.responseXML;\r
  15 \r
  16   var viz='http://www.gexf.net/1.2draft/viz'; // Vis namespace\r
  17   var i, j, k;\r
  18 \r
  19   // Parse Attributes\r
  20   // This is confusing, so I'll comment heavily\r
  21   var nodesAttributes = [];   // The list of attributes of the nodes of the graph that we build in json\r
  22   var edgesAttributes = [];   // The list of attributes of the edges of the graph that we build in json\r
  23   var attributesNodes = gexf.getElementsByTagName('attributes');  // In the gexf (that is an xml), the list of xml nodes 'attributes' (note the plural 's')\r
  24 \r
  25   \r
  26   for(i = 0; i<attributesNodes.length; i++){\r
  27     var attributesNode = attributesNodes[i];  // attributesNode is each xml node 'attributes' (plural)\r
  28 \r
  29     if(attributesNode.getAttribute('class') == 'node'){\r
  30       var attributeNodes = attributesNode.getElementsByTagName('attribute');  // The list of xml nodes 'attribute' (no 's')\r
  31       console.log(attributeNodes)\r
  32       for(j = 0; j<attributeNodes.length; j++){\r
  33         var attributeNode = attributeNodes[j];  // Each xml node 'attribute'\r
  34         \r
  35         var id = attributeNode.getAttribute('id'),\r
  36           title = attributeNode.getAttribute('title'),\r
  37           type = attributeNode.getAttribute('type');\r
  38         \r
  39         var attribute = {id:id, title:title, type:type};\r
  40         nodesAttributes.push(attribute);\r
  41         console.log(nodesAttributes)\r
  42         \r
  43       }\r
  44     } else if(attributesNode.getAttribute('class') == 'edge'){\r
  45       var attributeNodes = attributesNode.getElementsByTagName('attribute');  // The list of xml nodes 'attribute' (no 's')\r
  46       for(j = 0; j<attributeNodes.length; j++){\r
  47         var attributeNode = attributeNodes[j];  // Each xml node 'attribute'\r
  48         \r
  49         var id = attributeNode.getAttribute('id'),\r
  50           title = attributeNode.getAttribute('title'),\r
  51           type = attributeNode.getAttribute('type');\r
  52           \r
  53         var attribute = {id:id, title:title, type:type};\r
  54         edgesAttributes.push(attribute);\r
  55         \r
  56       }\r
  57     }\r
  58   }\r
  59   \r
  60   var nodes = []; // The nodes of the graph\r
  61   var nodesNodes = gexf.getElementsByTagName('nodes') // The list of xml nodes 'nodes' (plural)\r
  62   \r
  63   for(i=0; i<nodesNodes.length; i++){\r
  64     var nodesNode = nodesNodes[i];  // Each xml node 'nodes' (plural)\r
  65     var nodeNodes = nodesNode.getElementsByTagName('node'); // The list of xml nodes 'node' (no 's')\r
  66 \r
  67     for(j=0; j<nodeNodes.length; j++){\r
  68       var nodeNode = nodeNodes[j];  // Each xml node 'node' (no 's')\r
  69       \r
  70       window.NODE = nodeNode;\r
  71 \r
  72       var id = nodeNode.getAttribute('id');\r
  73       var label = nodeNode.getAttribute('label') || id;\r
  74       \r
  75       //viz\r
  76       var size = 1;\r
  77       var x = 100 - 200*Math.random();\r
  78       var y = 100 - 200*Math.random();\r
  79       var color;\r
  80       \r
  81       var sizeNodes = nodeNode.getElementsByTagName('size');\r
  82       sizeNodes = sizeNodes.length ? \r
  83                   sizeNodes : \r
  84                   nodeNode.getElementsByTagNameNS('*','size');\r
  85       if(sizeNodes.length>0){\r
  86         sizeNode = sizeNodes[0];\r
  87         size = parseFloat(sizeNode.getAttribute('value'));\r
  88       }\r
  89 \r
  90       var positionNodes = nodeNode.getElementsByTagName('position');\r
  91       positionNodes = positionNodes.length ? \r
  92                       positionNodes : \r
  93                       nodeNode.getElementsByTagNameNS('*','position');\r
  94       if(positionNodes.length>0){\r
  95         var positionNode = positionNodes[0];\r
  96         x = parseFloat(positionNode.getAttribute('x'));\r
  97         y = parseFloat(positionNode.getAttribute('y'));\r
  98       }\r
  99 \r
 100       var colorNodes = nodeNode.getElementsByTagName('color');\r
 101       colorNodes = colorNodes.length ? \r
 102                    colorNodes : \r
 103                    nodeNode.getElementsByTagNameNS('*','color');\r
 104       if(colorNodes.length>0){\r
 105         colorNode = colorNodes[0];\r
 106         color = '#'+sigma.tools.rgbToHex(parseFloat(colorNode.getAttribute('r')),\r
 107                                          parseFloat(colorNode.getAttribute('g')),\r
 108                                          parseFloat(colorNode.getAttribute('b')));\r
 109       }\r
 110       \r
 111       // Create Node\r
 112       var node = {label:label, size:size, x:x, y:y, attributes:[], color:color};  // The graph node\r
 113       \r
 114       // Attribute values\r
 115       var attvalueNodes = nodeNode.getElementsByTagName('attvalue');\r
 116       for(k=0; k<attvalueNodes.length; k++){\r
 117         var attvalueNode = attvalueNodes[k];\r
 118         var attr = attvalueNode.getAttribute('for');\r
 119         var title = nodesAttributes[k]['title']\r
 120         var val = attvalueNode.getAttribute('value');\r
 121         node.attributes.push({attr:title, val:val});\r
 122       }\r
 123 \r
 124       sigmaInstance.addNode(id,node);\r
 125     }\r
 126   }\r
 127 \r
 128   var edges = [];\r
 129   var edgeId = 0;\r
 130   var edgesNodes = gexf.getElementsByTagName('edges');\r
 131   for(i=0; i<edgesNodes.length; i++){\r
 132     var edgesNode = edgesNodes[i];\r
 133     var edgeNodes = edgesNode.getElementsByTagName('edge');\r
 134     for(j=0; j<edgeNodes.length; j++){\r
 135       var edgeNode = edgeNodes[j];\r
 136       var source = edgeNode.getAttribute('source');\r
 137       var target = edgeNode.getAttribute('target');\r
 138       var label = edgeNode.getAttribute('label');\r
 139       var edge = {\r
 140         id:         j,\r
 141         sourceID:   source,\r
 142         targetID:   target,\r
 143         label:      label,\r
 144         attributes: []\r
 145       };\r
 146 \r
 147       var weight = edgeNode.getAttribute('weight');\r
 148       if(weight!=undefined){\r
 149         edge['weight'] = weight;\r
 150       }\r
 151 \r
 152       var attvalueNodes = edgeNode.getElementsByTagName('attvalue');\r
 153       for(k=0; k<attvalueNodes.length; k++){\r
 154         var attvalueNode = attvalueNodes[k];\r
 155         var attr = attvalueNode.getAttribute('for');\r
 156         var val = attvalueNode.getAttribute('value');\r
 157         edge.attributes.push({attr:attr, val:val});\r
 158       }\r
 159 \r
 160       sigmaInstance.addEdge(edgeId++,source,target,edge);\r
 161     }\r
 162   }\r
 163 };\r