keyframe
[iramuteq] / 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       for(j = 0; j<attributeNodes.length; j++){\r
32         var attributeNode = attributeNodes[j];  // Each xml node 'attribute'\r
33         \r
34         var id = attributeNode.getAttribute('id'),\r
35           title = attributeNode.getAttribute('title'),\r
36           type = attributeNode.getAttribute('type');\r
37         \r
38         var attribute = {id:id, title:title, type:type};\r
39         nodesAttributes.push(attribute);\r
40       }\r
41     } else if(attributesNode.getAttribute('class') == 'edge'){\r
42       var attributeNodes = attributesNode.getElementsByTagName('attribute');  // The list of xml nodes 'attribute' (no 's')\r
43       for(j = 0; j<attributeNodes.length; j++){\r
44         var attributeNode = attributeNodes[j];  // Each xml node 'attribute'\r
45         \r
46         var id = attributeNode.getAttribute('id'),\r
47           title = attributeNode.getAttribute('title'),\r
48           type = attributeNode.getAttribute('type');\r
49           \r
50         var attribute = {id:id, title:title, type:type};\r
51         edgesAttributes.push(attribute);\r
52         \r
53       }\r
54     }\r
55   }\r
56   \r
57   var nodes = []; // The nodes of the graph\r
58   var nodesNodes = gexf.getElementsByTagName('nodes') // The list of xml nodes 'nodes' (plural)\r
59   \r
60   for(i=0; i<nodesNodes.length; i++){\r
61     var nodesNode = nodesNodes[i];  // Each xml node 'nodes' (plural)\r
62     var nodeNodes = nodesNode.getElementsByTagName('node'); // The list of xml nodes 'node' (no 's')\r
63 \r
64     for(j=0; j<nodeNodes.length; j++){\r
65       var nodeNode = nodeNodes[j];  // Each xml node 'node' (no 's')\r
66       \r
67       window.NODE = nodeNode;\r
68 \r
69       var id = nodeNode.getAttribute('id');\r
70       var label = nodeNode.getAttribute('label') || id;\r
71       \r
72       //viz\r
73       var size = 1;\r
74       var x = 100 - 200*Math.random();\r
75       var y = 100 - 200*Math.random();\r
76       var color;\r
77       \r
78       var sizeNodes = nodeNode.getElementsByTagName('size');\r
79       sizeNodes = sizeNodes.length ? \r
80                   sizeNodes : \r
81                   nodeNode.getElementsByTagNameNS('*','size');\r
82       if(sizeNodes.length>0){\r
83         sizeNode = sizeNodes[0];\r
84         size = parseFloat(sizeNode.getAttribute('value'));\r
85       }\r
86 \r
87       var positionNodes = nodeNode.getElementsByTagName('position');\r
88       positionNodes = positionNodes.length ? \r
89                       positionNodes : \r
90                       nodeNode.getElementsByTagNameNS('*','position');\r
91       if(positionNodes.length>0){\r
92         var positionNode = positionNodes[0];\r
93         x = parseFloat(positionNode.getAttribute('x'));\r
94         y = parseFloat(positionNode.getAttribute('y'));\r
95       }\r
96 \r
97       var colorNodes = nodeNode.getElementsByTagName('color');\r
98       colorNodes = colorNodes.length ? \r
99                    colorNodes : \r
100                    nodeNode.getElementsByTagNameNS('*','color');\r
101       if(colorNodes.length>0){\r
102         colorNode = colorNodes[0];\r
103         color = '#'+sigma.tools.rgbToHex(parseFloat(colorNode.getAttribute('r')),\r
104                                          parseFloat(colorNode.getAttribute('g')),\r
105                                          parseFloat(colorNode.getAttribute('b')));\r
106       }\r
107       \r
108       // Create Node\r
109       var node = {label:label, size:size, x:x, y:y, attributes:[], color:color};  // The graph node\r
110       \r
111       // Attribute values\r
112       var attvalueNodes = nodeNode.getElementsByTagName('attvalue');\r
113       for(k=0; k<attvalueNodes.length; k++){\r
114         var attvalueNode = attvalueNodes[k];\r
115         var attr = attvalueNode.getAttribute('for');\r
116         var title = nodesAttributes[k]['title']\r
117         var val = attvalueNode.getAttribute('value');\r
118         node.attributes.push({attr:title, val:val});\r
119       }\r
120 \r
121       sigmaInstance.addNode(id,node);\r
122     }\r
123   }\r
124 \r
125   var edges = [];\r
126   var edgeId = 0;\r
127   var edgesNodes = gexf.getElementsByTagName('edges');\r
128   for(i=0; i<edgesNodes.length; i++){\r
129     var edgesNode = edgesNodes[i];\r
130     var edgeNodes = edgesNode.getElementsByTagName('edge');\r
131     for(j=0; j<edgeNodes.length; j++){\r
132       var edgeNode = edgeNodes[j];\r
133       var source = edgeNode.getAttribute('source');\r
134       var target = edgeNode.getAttribute('target');\r
135       var label = edgeNode.getAttribute('label');\r
136       var edge = {\r
137         id:         j,\r
138         sourceID:   source,\r
139         targetID:   target,\r
140         label:      label,\r
141         attributes: []\r
142       };\r
143 \r
144       var weight = edgeNode.getAttribute('weight');\r
145       if(weight!=undefined){\r
146         edge['weight'] = weight;\r
147       }\r
148 \r
149       var attvalueNodes = edgeNode.getElementsByTagName('attvalue');\r
150       for(k=0; k<attvalueNodes.length; k++){\r
151         var attvalueNode = attvalueNodes[k];\r
152         var attr = attvalueNode.getAttribute('for');\r
153         var val = attvalueNode.getAttribute('value');\r
154         edge.attributes.push({attr:attr, val:val});\r
155       }\r
156 \r
157       sigmaInstance.addEdge(edgeId++,source,target,edge);\r
158     }\r
159   }\r
160 };\r