Social Data Visualization with HTML5 and JavaScript

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.

Social Data Visualization with HTML5 and JavaScript

This ebook is included in a Mapt subscription

Simon TimmsSeptember 2013

1 customer reviews

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.

Book Details

ISBN 139781782166542

Paperback104 pages

Book Description

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.

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

Authors

Simon Timms

Simon Timms is a developer who works in the oil and gas industry in Calgary, Alberta. He has a BSc in Computing Science from the University of Alberta and a Masters from Athabasca University. He is interested in distributed systems, visualization, and the acquisition of ice-cream.

This is his first book, but he blogs frequently on diverse topics such as code contracts and cloud computing at blog.simontimms.com. He is involved in the local .NET and JavaScript community, and speaks frequently at conferences.

Alerts & Offers

Series & Level

We understand your time is important. Uniquely amongst the major publishers, we seek to develop and publish the broadest range of learning and information products on each technology. Every Packt product delivers a specific learning pathway, broadly defined by the Series type. This structured approach enables you to select the pathway which best suits your knowledge level, learning style and task objectives.

Learning

As a new user, these step-by-step tutorial guides will give you all the practical skills necessary to become competent and efficient.

Beginner's Guide

Friendly, informal tutorials that provide a practical introduction using examples, activities, and challenges.

Essentials

Fast paced, concentrated introductions showing the quickest way to put the tool to work in the real world.

Cookbook

A collection of practical self-contained recipes that all users of the technology will find useful for building more powerful and reliable systems.

Blueprints

Guides you through the most common types of project you'll encounter, giving you end-to-end guidance on how to build your specific solution quickly and reliably.

Mastering

Take your skills to the next level with advanced tutorials that will give you confidence to master the tool's most powerful features.

Starting

Accessible to readers adopting the topic, these titles get you into the tool or technology so that you can become an effective user.

Progressing

Building on core skills you already have, these titles share solutions and expertise so you become a highly productive power user.