|
|
var nodes;
|
|
|
|
var edges;
|
|
|
|
|
|
|
|
function addFollowers(username)
|
|
{
|
|
return new Promise(function(resolve, reject)
|
|
{
|
|
queryAPIByUser(API_FOLLOWERS, username, function(data)
|
|
{
|
|
for(var i = 0; i < data.length; i++)
|
|
{
|
|
nodes.push(
|
|
{
|
|
id:data[i].id,
|
|
shape: 'circularImage',
|
|
image:data[i].avatar_url
|
|
});
|
|
|
|
}
|
|
resolve();
|
|
},
|
|
function(error)
|
|
{
|
|
reject(error);
|
|
})
|
|
});
|
|
}
|
|
|
|
function addFollowing(username)
|
|
{
|
|
return new Promise(function(resolve, reject)
|
|
{
|
|
|
|
});
|
|
}
|
|
|
|
|
|
function createFriendsGraph(username, containerName, graphsTitle)
|
|
{
|
|
nodes = [];
|
|
edges = [];
|
|
var network = null;
|
|
|
|
addFollowers(username).then(function()
|
|
{
|
|
var container = document.getElementById(containerName);
|
|
var data = {
|
|
nodes: nodes,
|
|
edges: edges
|
|
};
|
|
var options = {
|
|
nodes: {
|
|
borderWidth:4,
|
|
size:30,
|
|
color: {
|
|
border: '#222222',
|
|
background: '#666666'
|
|
},
|
|
font:{color:'#eeeeee'}
|
|
},
|
|
edges: {
|
|
color: 'lightgray'
|
|
}
|
|
};
|
|
network = new vis.Network(container, data, options);
|
|
});
|
|
|
|
// // create connections between people
|
|
// // value corresponds with the amount of contact between two people
|
|
// edges = [
|
|
// {from: 1, to: 2},
|
|
// {from: 2, to: 3},
|
|
// {from: 2, to: 4},
|
|
// {from: 4, to: 5},
|
|
// {from: 4, to: 10},
|
|
// {from: 4, to: 6},
|
|
// {from: 6, to: 7},
|
|
// {from: 7, to: 8},
|
|
// {from: 8, to: 9},
|
|
// {from: 8, to: 10},
|
|
// {from: 10, to: 11},
|
|
// {from: 11, to: 12},
|
|
// {from: 12, to: 13},
|
|
// {from: 13, to: 14},
|
|
// {from: 9, to: 16}
|
|
// ];
|
|
|
|
}
|