var table;
var result; 
var numV, numE; 
var vertices = [], edges = []; 

function preload() {
  //my table is comma separated value "csv"
  //and has a header specifying the columns labels
  //table = loadTable('assets/mammals.csv', 'csv', 'header');

  result = loadStrings('graph.csv');
}

function setup() {
 createCanvas(1200, 1200);
 frameRate(1); 

 numV = int(result[0]); 

 print("Number of vertices are ", numV);
 for(var i = 1; i < numV+1; i++){
   values = result[i].split(",");
   // arr.push("Hola");
   print(values);
   vertices.push(values);
 } 

 numE = int(result[i]);
 print("number of edges are ", numE); 

 

 for(var j = i+1; j<result.length; j++){
  values = result[j].split(",");
  // arr.push("Hola");
  print(values);
  edges.push(values);
 }

 print(vertices);
 print(edges);

}

function draw(){  
  background(255); 
  fill(255, 115, 25);


  for(var v = 0; v<numV; v++){
    ellipse(vertices[v][0], vertices[v][1], 10, 10);
  }

  for(var e = 0; e<numE; e++){
    index1 = edges[e][0];
    index2 = edges[e][1];
    line(vertices[index1][0], vertices[index1][1], vertices[index2][0], vertices[index2][1]);
  }

}