Free Sample
+ Collection

Social Data Visualization with HTML5 and JavaScript

Starting
Simon Timms

The data on social networks is growing at an incredible pace and the best way to make sense of it is visually. This tutorial shows you how to achieve that in sophisticated ways using HTML5 and JavaScript.
$17.99
$29.99
RRP $17.99
RRP $29.99
eBook
Print + eBook

Want this title & more?

$16.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781782166542
Paperback104 pages

About This Book

  • Learn how to use JavaScript to create compelling visualizations of social data
  • Use the d3 library to create impressive SVGs
  • Master OAuth and how to authenticate with social media sites

Who This Book Is For

This 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.

Table of Contents

Chapter 1: Visualizing Data
There's a lot of data out there
Getting excited about data
HTML visualizations
Summary
Chapter 2: JavaScript and HTML5 for Visualizations
Canvas
Scalable Vector Graphics
Summary
Chapter 3: OAuth
Authentication versus authorization
The OAuth protocol
Summary
Chapter 4: JavaScript for Visualization
Raphaël
d3.js
Summary
Chapter 5: Twitter
Getting access to the APIs
Setting up a server
OAuth
Visualization
Summary
Chapter 6: Stack Overflow
Authenticating
Creating a visualization
Filters
Summary
Chapter 7: Facebook
Creating an app
Using the API
Retrieving data
Visualizing
Summary
Chapter 8: Google+
Creating an app
Retrieving data
Visualization
Summary

What You Will Learn

  • Understand how the ever-growing world of data can be simplified through visualization
  • See how traditional graphs fall down in the face of modern visualization
  • Explore the various features of HTML5 which allow for creating visualizations
  • Investigate how social networks delegate authority through OAuth
  • Discover what data is available on Stack Overflow, Facebook, Twitter, and Google+
  • Create exciting graphs which go beyond the normal standards
  • Simplify your code with scales, layouts, and other features of the d3.js visualization library
  • Set up Node.js as a platform to develop visualizations from social media

In Detail

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.

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.

Authors

Read More

Recommended for You