adding visualization

README.md

@@ -1,16 +1,16 @@
-neosocial
+NeoSocial
 =========
 
-Example application to connect to one of the social networks
+Example application to connect Neo4j to Facebook using the Neography Gem.
 
 
 Pre-Requisites
 --------------
 
-You will need to get a Facebook Consumer Key and Secret on https://developers.facebook.com/apps
-Select the "user_likes", "user_location", "friend_likes", "friend_location" permissions.
-You will need Neo4j in order for your database.
-You will need Redis in order to use Sidekiq for background jobs.
+* You will need to get a Facebook Consumer Key and Secret on https://developers.facebook.com/apps
+* Select the "user_likes", "user_location", "friend_likes", "friend_location" permissions.
+* You will need Neo4j in order for your database.
+* You will need Redis in order to use Sidekiq for background jobs.
 
 Installation
 ----------------

lib/neosocial/models/thing.rb

@@ -3,7 +3,7 @@ class Thing
   attr_accessor :uid, :name
 
   def initialize(node)
-    @neo_id     = node["self"].split('/').last
+    @neo_id     = node["self"].split('/').last.to_i
     @uid        = node["data"]["uid"]
     @name       = node["data"]["name"]
   end

lib/neosocial/models/user.rb

@@ -3,7 +3,7 @@ class User
   attr_accessor :uid, :name, :image_url, :location, :token
 
   def initialize(node)
-    @neo_id     = node["self"].split('/').last
+    @neo_id     = node["self"].split('/').last.to_i
     @uid        = node["data"]["uid"]
     @name       = node["data"]["name"]
     @image_url  = node["data"]["img_url"]
@@ -88,10 +88,10 @@ def friends
   end
 
   def friends_count
-    cypher = "START me = node(#{@neo_id})
+    cypher = "START me = node({neo_id})
               MATCH me -[:friends]-> friend
               RETURN COUNT(friend)"
-    results = $neo_server.execute_query(cypher)
+    results = $neo_server.execute_query(cypher, {:id => @neo_id})
 
     if results["data"][0]
       results["data"][0][0]
@@ -101,4 +101,13 @@ def friends_count
 
   end
 
+  def friend_matrix
+    cypher =  "START me = node({id})
+               MATCH me -[:friends]-> friends -[:friends]-> fof
+               WHERE fof <> me
+               RETURN friends.name, collect(fof.name)
+               ORDER BY COUNT(fof) "
+    $neo_server.execute_query(cypher, {:id => @neo_id})["data"]
+  end
+
 end

neosocial_app.rb

@@ -60,6 +60,16 @@ class App < Sinatra::Base
     haml :'thing/index'
   end
 
+  get '/user/:id/visualization' do
+    @user = user(params[:id])
+    haml :'user/visualization'
+  end
+
+  get '/visualization' do
+    @user = current_user
+    @user.friend_matrix.map{|fm| {"name" => fm[0], "follows" => fm[1]} }.to_json
+  end
+
   # Things
   get '/thing/:id' do
     @thing = Thing.get_by_id(params[:id])

public/css/style.css

@@ -25,3 +25,6 @@ footer li {
     display: inline-block;
 }
 
+path.chord {
+    fill-opacity: .67;
+}

public/js/app.js

@@ -1,70 +1,2 @@
 $('.dropdown-toggle').dropdown();
-$(".alert").alert();
-$('.typeahead').typeahead();
-
-
-$("#cities").typeahead({
-    source: function(typeahead, query) {
-        if(this.ajax_call)
-            this.ajax_call.abort();
-        this.ajax_call = $.ajax({
-            dataType : 'json',
-            data: {
-                q: query
-            },
-            url: $("#cities").data('source'),
-            success: function(data) {
-                typeahead.process(data);
-            }
-        });
-    },
-    property: 'name',
-    onselect: function (obj) {
-        $("#city_id").val(obj.id)
-        console.log(obj);
-    }
-});
-
-$("#regions").typeahead({
-    source: function(typeahead, query) {
-        if(this.ajax_call)
-            this.ajax_call.abort();
-        this.ajax_call = $.ajax({
-            dataType : 'json',
-            data: {
-                q: query
-            },
-            url: $("#regions").data('source'),
-            success: function(data) {
-                typeahead.process(data);
-            }
-        });
-    },
-    property: 'name',
-    onselect: function (obj) {
-        $("#region_id").val(obj.id)
-        console.log(obj);
-    }
-});
-
-$("#countries").typeahead({
-    source: function(typeahead, query) {
-        if(this.ajax_call)
-            this.ajax_call.abort();
-        this.ajax_call = $.ajax({
-            dataType : 'json',
-            data: {
-                q: query
-            },
-            url: $("#countries").data('source'),
-            success: function(data) {
-                typeahead.process(data);
-            }
-        });
-    },
-    property: 'name',
-    onselect: function (obj) {
-        $("#country_id").val(obj.id)
-        console.log(obj);
-    }
-});
+$(".alert").alert();