Warriors Data Visualization with Twitter Stream and EON.JS
HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
img
js
.gitignore
README.md
index.html
license

README.md

Visualizing Realtime Warriors Twitter Data using EON.js

As a lifelong Warriors fan in awe of their record-setting 2016 season and journey to the finals (which began June 2!), I wanted to make sense of incoming Warriors data. I wondered how game happenings would translate in realtime to Twitter (and, consequently, to a visualization.) This demo's chart, built with EON.js and the PubNub Twitter Stream, was fun to build, and in part because PubNub just makes it so easy to see what is happening up-to-the-second.

Project Overview

The data visualization of this demo has two main components.
      PubNub Twitter Stream
  • The Twitter Stream provides a good sample of tweets, reflecting the thoughts and emotions of users. This visualization uses the Twitter Stream to pull tweets that contain keywords about key Warriors players; it also looks at tweets with hashtags of the Warriors and their opponents (in this case, the Cleveland Cavaliers), to deduce which team’s fans are tweeting more. Extracted tweets should look something like this:

      Project EON
  • Project EON is an open-source framework for the chart that makes a chart with the data from the Twitter Stream in this tutorial. There are many different ways to visualize the data: bar, gauge, spline, and pie (which is what is used in this tutorial), and numerous ways to customize the visualization. Project EON simplifies that process, and, with the EON chart builder, you may not even have to write any code!

This visualization will look much different (most likely no tweets at all!) if it is not basketball season. It runs best on a game day, or the day after a game. Want to take this visualization further? Some possible ways to get started:

  • Other teams or sports: this could be redone for the Giants, the Sharks, for the Olympics, etc.
  • Election: Check political hashtags, candidates, and see what is being said about them.
  • Machine Learning: I tried to predict who was winning or who had just scored, but it was, for the most part, inaccurate. There were so many conflicting contributing factors, but would be interesting to try to predict who would win, or to make a better algorithm to guess that.
  • Web scraping. ESPN made their API private, so getting their live scores is much more complicated now.

Questions? Made a similar visualization? I want to hear about it! Find me on Twitter.