Updated readme and fixed opening some vertices.

Author: Jabbath

README.md

@@ -13,16 +13,19 @@ Graphs entered into graph creator can be output as a adjacency matrix represente
 Graph Creator can output a JSON file with (x, y) coordinates of each user added vertex.
 
 ## Graph Input Options
-Graph Creator allows point and click vertex addition and edge addition. Currently, visualization of multiple edges between two vertices is supported. Self loops can be added, however visualization has not been implemented yet. In addition, point and click vertex removal is supported. Removing edges from a vertex in the reverse order in which they were added is supported (undo).
+Graph Creator allows point and click vertex addition and edge addition. Labels can be added to vertices by hovering the mouse over them and typing. Weights can be added to edges in the same fashion. Both parallel edges, and self loops are supported. In addition, point and click vertex removal is supported.
 
-## Installation
+## Binaries
+See releases for the latest binaries.
+
+## Installation From Source
 To install Graph creator first git clone this repo:
 
 ```
 git clone https://github.com/Jabbath/Graph-Creator
 ```
 
-Now, cd to the Graph-Creator director and run npm install to install the dependencies:
+Now, cd to the Graph-Creator directory and run npm install to install the dependencies:
 
 ```
 cd Graph-Creator

package.json

@@ -1,10 +1,10 @@
 {
     "name": "graph-creator",
-    "version": "0.7.6",
+    "version": "0.7.7",
     "main": "index.html",
     "window": {
         "height": 1024,
-        "width": 1024
+        "width": 1080
     },
     "description": "an app to make graphs from images",
     "readme": "README.md",

src/cytoInit.js

@@ -13,7 +13,9 @@ function renderGraph(img){
                 'opacity': 0.7,
                 'curve-style': 'bezier',
                 'control-point-step-size': '50px',
-                'label': ''
+                'label': '',
+                'text-outline-width': 2,
+                'text-outline-color': '#ff0000'
             }
         },
         {

src/fileWrite.js

@@ -363,7 +363,7 @@ function enumEdges(){
                 edgeCount[target][source].ids.push(id);
             }
             else{
-                edgeCount[source][target] = {count: 1, ids: id};
+                edgeCount[source][target] = {count: 1, ids: [id]};
             }
         }
     }
@@ -439,7 +439,7 @@ function parseGraph(graph){
             var sepString = edges[i].split('{');
 
             //Get the target node and remove the extra space if there was a bracket
-            if(sepString[0].length === 2){
+            if(sepString.length === 2){
                 var targetNode = sepString[0].slice(0, -1);
             }
             else{
@@ -461,7 +461,7 @@ function parseGraph(graph){
                         id: targetNode
                     },
                     style: {
-                        label: sourceNode
+                        label: targetNode
                     }
                 });
             }catch(err){}