Monday, 16 April 2012

Development

To get the data from Facebook I had to create a app. I had issues with this because Facebook was having trouble. Once I created the Facebook app I had to give it permission to read Information Aesthetics wall. Once I had permission to read from Information Aesthetics wall I could use the Facebook PHP SDK to access the post and then used this to get the data need to make my visualisations. 


For the first visualisation I used the Google chart API to create the bar chart. This is a very simple graph. You can hover you mouse over the bars and it will tell you the title of the project and how many likes it has. 


Image and video hosting by TinyPic


For the second visualisation I used SVG (Scalable Vector Graphics) to create the circles. You can click on the circles and they will take you to the website. I have included the the number of likes on the circles. 


Image and video hosting by TinyPic




For the third visualisation I created the line using a Div with a link inside and a background colour. When you click on the lines it will take you to the website of that visualisation. 


Image and video hosting by TinyPic 

No comments:

Post a Comment