Simon Timms

Social Data Visualization with HTML5 and JavaScript

In DetailThe 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.
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+.
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.
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.
ApproachThis book is a fast-paced guide full of step-by-step instructions that teach you how to visualize social data using HTML5 and JavaScript.
Who this book is forThis book is for developers who are excited about data and who want to share that excitement with others. Developers who are interested in the data which can be extracted from social networks will also find this book hugely beneficial.
Readers should have a working knowledge of both JavaScript and HTML.
143 printed pages

Impressions

    Daria Diachkovashared an impressionlast year
    👍Worth reading
    💡Learnt A Lot

Quotes

    Daria Diachkovahas quotedlast year
    Facebook is the 900 lbs (408.233 kg) gorilla of the social media world.
    Daria Diachkovahas quotedlast year
    Next, we'll set up a route in the Express application to request the OAuth tokens from Twitter:
    app.get('/requestOAuth', function(req, res){
    function recieveOAuthRequestTokens(error, oauth_token, oauth_token_secret,results) {
    if (!error){
    req.session.oAuthVars = { oauth_token: oauth_token,oauth_token_secret: oauth_token_secret}; res.redirect('https://api.twitter.com/oauth/authorize?oauth_token=' + oauth_token);
    }
    requestOAuthRequestTokens(recieveOAuthRequestTokens);
    });
    function requestOAuthRequestTokens(onComplete){
    getOAuth().getOAuthRequestToken(onComplete);
    }
    Daria Diachkovahas quotedlast year
    make use of the OAuth library. This can be done with a function as shown in the following code:
    function getOAuth(){
    var twitterOauth = new oAuth.OAuth(
    'https://api.twitter.com/oauth/request_token',
    'https://api.twitter.com/oauth/access_token',
    consumerKey,
    consumerSecretKey,
    '1.0A',
    null,
    'HMAC-SHA1');
    return twitterOAuth;
    }
    We create an OAuth object associated with Twitter. We give the two end-points, and then the consumer key and consumer secret which we received from Twitter earlier.

On the bookshelves

    Liudmila Vasnetsova
    JavaScript
    • 13
    • 22
    Miguel Ortiz
    Ciencia y tecnología
    • 34
    • 1
    aliaksandrrudzenka
    Shelf 1
    • 30
    Katarina Gorčev
    JavaScript
    • 11
fb2epub
Drag & drop your files (not more than 5 at once)