Skip to content
Visualizing your feelings on Twitter, with apologies to Jonathan Harris.
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.ebextensions
client-src
lib
public
views
.gitignore
Gruntfile.js
LICENSE
Procfile
README.md
package-lock.json
package.json
server.js

README.md

♥ We Still Feel Fine ♥

In 2005, Jonathan Harris and Sep Kamvar created We Feel Fine, a project that searched blogs for mentions of feelings and visualized them in a Java applet written in Processing.

Their complete methodology is still available online.

I thought it would be fun to update the project for 2013 by using the Twitter Streaming API, Node.js, and D3.js. I've followed We Feel Fine's original methodology pretty closely.

Briefly, here's what's going on:

  • I'm listening to the Twitter Streaming API for tweets that contain the feeling indicators: "feel," "feeling," or "felt." The inclusion of the past tense is a divegence from We Feel Fine's methods.
  • When a new Tweet comes in with a feeling indicator word, I create a string of eligible words that starts two words before the feeling indicator and ends five words after it. This is a departure from We Feel Fine, which looked for eligible feelings in the entire sentence in which the feeling indicator was detected. Limiting eligible words to those closer to the feeling indicator seems to provide higher-quality feelings.
  • I search the string of eligible words for any word in the list of valid feelings that We Feel Fine compiled.
  • If a valid feeling is found in the eligible words selection, the source Tweet is sent to the browser, which draws a circle representing the feeling tweet in the color that the original We Feel Fine project used for that feeling. Sad feelings are blue or gray, happy feelings are yellow or orange, loved feelings are pink, and angry feelings are red.

Contributing

Pull requests make ME feel ♥. Here's how to contribute:

  1. Fork and pull repo.
  2. If you don't have node, install it.
  3. From the repo directory, npm install --save-dev
  4. grunt watch: This will automatically JSHint all JavaScript, concatenate and minify the client-side JavaScript, and compile the LESS every time you save. Watch for JSHint errors and correct them.
  5. Rename lib/keys-sample.js as lib/keys.js and update it with your twitter credentials. This file is .gitignored, so it won't be checked in if you push this to a public repo.
  6. foreman start to start the server, which listens on port 5000.
  7. Code!

Deploying

To deploy to heroku, you must set these environmental variables:

  heroku config:set TWITTER_CONSUMER_KEY="your-consumer-key" 
  TWITTER_CONSUMER_SECRET="your-consumer-secret" 
  TWITTER_ACCESS_TOKEN="your-access-token" 
  TWITTER_TOKEN_SECRET="your-token-secret" 
  NODE_ENV="production" --app your-app
You can’t perform that action at this time.