Book Image

Social Data Visualization with HTML5 and JavaScript

By : Simon Timms
Book Image

Social Data Visualization with HTML5 and JavaScript

By: Simon Timms

Overview of this book

<p>The increasing adoption of HTML5 opens up a new world of JavaScript-powered visualizations. By harnessing the power of scalable vector graphics (SVGs), you can present even complex data to your users in an easy-to-understand format and improve the user experience by freeing users from the burden of tabular data.</p> <p>Social Data Visualization with HTML5 and JavaScript teaches you how to leverage HTML5 techniques through JavaScript to build visualizations. It also helps to clear up how the often complicated OAuth protocol works to help you unlock a universe of social media data from sites like Twitter, Facebook, and Google+.</p> <p>Social Data Visualization with HTML5 and JavaScript provides you with an introduction to creating an accessible view into the massive amounts of data available in social networks. Developers with some JavaScript experience and a desire to move past creating boring charts and tables will find this book a perfect fit. You will learn how to make use of powerful JavaScript libraries to become not just a programmer, but a data artist.</p> <p>By using OAuth, which is helpfully demystified in one of the book’s chapters, you will be able to unlock the universe of social media data. Through visualizations, you will also tease out trends and relationships which would normally be lost in the noise.</p>
Table of Contents (15 chapters)

Creating an app


Google+ is another OAuth 2.0 site so we, of course, need to get an application key as the first step to creating any visualization. This also means that we will need a return URL, so again we'll need to set up an HTTP server to run the visualization.

The first step is to log into https://code.google.com/apis/console using your Google account. Should you not have such an account, you can also create one from that page. Once on the site, you'll be presented with a giant button allowing you to create an application project. This console actually governs the access to all of Google's APIs, and there are quite a few.

Next, you'll be presented with a huge list of the various APIs. If you scroll way down, you'll eventually find Google+ (use the search, it will save hours of scrolling). Toggle the switch to the "on" position. You may need to agree to a couple of user agreements. Be sure to read the entire agreement as you always do.

The next step is to request a new key, as shown in...