Data Visualization at Twitter

103
Krist Wongsuphasawat / @kristw visualization at Twitter data

description

My talk at the Hacks & Hackers Meetup SF at Twitter HQ on Oct 8, 2014

Transcript of Data Visualization at Twitter

Page 1: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

visualizationat Twitter

data

Page 2: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Page 3: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Bangkok, Thailand

Page 4: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

Chulalongkorn University

Page 5: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

Programming + Soccer

Page 6: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

Programming + Soccer

Page 7: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

Programming + Soccer

Page 8: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

M.S. in Computer ScienceUniv. of Maryland

Page 9: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

PhD in Computer ScienceUniv. of MarylandInformation Visualization

Page 10: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

PhD in Computer ScienceUniv. of MarylandInformation Visualization

IBMMicrosoft

Page 11: Data Visualization at Twitter

Krist Wongsuphasawat /@kristw

Computer EngineerBangkok, Thailand

PhD in Computer ScienceUniv. of MarylandInformation Visualization

IBMMicrosoft

Sr. Data Visualization ScientistTwitter

Page 12: Data Visualization at Twitter

at Twitterdata visualization

Page 13: Data Visualization at Twitter

at Twitterdata visualization

Page 14: Data Visualization at Twitter

visualizationat Twitterdata

Page 15: Data Visualization at Twitter

visat Twitterdata

Page 16: Data Visualization at Twitter

at Twitterdata

“Tweets”

Page 17: Data Visualization at Twitter

at Twitterdata

“Tweets”

#eventsWorld Cup ElectionOscars

TV Shows New Year

Breaking news

EarthquakeSuper Bowl

Protest

Page 18: Data Visualization at Twitter

at Twitterdata

“Tweets”

#eventsWorld Cup ElectionOscars

TV Shows New Year

Breaking news

EarthquakeSuper Bowl

Protest

#curiositySleep patternHuman behaviorLanguage …

Page 19: Data Visualization at Twitter

at Twitterdata

“Tweets”

#eventsWorld Cup ElectionOscars

TV Shows New Year

Breaking news

EarthquakeSuper Bowl

Protest

What could we learn from the Tweets?

#curiositySleep patternHuman behaviorLanguage …

Page 20: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Tell stories about an event, Pursue curiosity or inspiration

Goal:

Page 21: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Tell stories about an event, Pursue curiosity or inspiration

(with deadline)

Goal:

Page 22: Data Visualization at Twitter

Challenge accepted

Page 23: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Page 24: Data Visualization at Twitter

easy?

Page 25: Data Visualization at Twitter

Having all TweetsHow people think I feel.

Page 26: Data Visualization at Twitter

How people think I feel. How I really feel.

Having all Tweets

Page 27: Data Visualization at Twitter

• Too much data

• Want only relevant Tweets

• hashtag: #BRA

• keywords: “goal”

• Need to aggregate & reduce size

• Long processing time (hours)

Challenges

Page 28: Data Visualization at Twitter

Hadoop ClusterVertica

Pig / Scalding (slow) SQL

Data Storage

Tool

Workflow

Page 29: Data Visualization at Twitter

Hadoop ClusterVertica

Pig / Scalding (slow) SQL

Data Storage

Tool

Workflow

Page 30: Data Visualization at Twitter

Hadoop ClusterVertica

Pig / Scalding (slow) SQL

Data Storage

Tool

Smaller datasetYour laptop

Workflow

Page 31: Data Visualization at Twitter

Hadoop ClusterVertica

Pig / Scalding (slow) SQL

Data Storage

Tool

Final dataset

Tool node.js / python / excel (fast)

Your laptop

Workflow

Smaller dataset

Page 32: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Page 33: Data Visualization at Twitter

• Peek into data

• Check data & test ideas

• Decide how to visualize

• Guided by data type

• Choose tools

• Start building

Visualize

Page 34: Data Visualization at Twitter

• Peek into data

• Check data & test ideas

• Decide how to visualize

• Guided by data type

• Choose tools

• Start building

Visualize

Tableau Yeoman

d3R

Page 35: Data Visualization at Twitter

(+ media)photos, videos

What?

Where? When?

GEO TIME

TEXT

data

Page 36: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 37: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 38: Data Visualization at Twitter

Time Tweets/second

Page 39: Data Visualization at Twitter

Time Tweets/second

Page 40: Data Visualization at Twitter

Time Tweets/second + Annotation

http://www.flickr.com/photos/twitteroffice/5681263084/

Page 41: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 42: Data Visualization at Twitter

GeoHeatmap

Low density

High density

Page 43: Data Visualization at Twitter

GeoSan Francisco

flickr.com/photos/twitteroffice/8798020541

Low density

High density

Page 44: Data Visualization at Twitter

GeoSan Francisco

Rebuild the world based on

tweet volumes

twitter.github.io/interactive/andes/

Page 45: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 46: Data Visualization at Twitter

Text

www.wordle.net

Some experiments during World Cup

Page 47: Data Visualization at Twitter

Text

www.wordle.net

Word cloud of Tweets right after the 1st goal

Page 48: Data Visualization at Twitter

Text Word cloud of Tweets right after the 1st goal

www.wordle.net

It was an “own” goal.

Page 50: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 51: Data Visualization at Twitter

Time + Geo

blog.twitter.com/2011/global-pulseyoutu.be/SybWjN9pKQk

Japan Earthquake 2011

Page 52: Data Visualization at Twitter
Page 53: Data Visualization at Twitter
Page 54: Data Visualization at Twitter

Time + Geo Tweet pattern [Rios & Lin 2012]

Night

Late night

Daytime

Night

Late night

Daytime

Page 55: Data Visualization at Twitter

Night

Late night

Daytime

Night

Late night

Daytime

Time + Geo Tweet pattern [Rios & Lin 2012]

Page 56: Data Visualization at Twitter

Night

Late night

Daytime

Night

Late night

Daytime

Time + Geo Tweet pattern [Rios & Lin 2012]

Page 57: Data Visualization at Twitter

Night

Late night

Daytime

Night

Late night

Daytime

Time + Geo Tweet pattern [Rios & Lin 2012]

Page 58: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 59: Data Visualization at Twitter

Geo + Text Real-time Tweet map

Page 60: Data Visualization at Twitter

Geo + Text Real-time Tweet map

Page 61: Data Visualization at Twitter

most frequent

term

Geo + Text Real-time Tweet map

Page 62: Data Visualization at Twitter

Gmail was down Jan 24, 2014

Geo + Text Real-time Tweet map

Page 63: Data Visualization at Twitter

Nelson Mandela passed away Dec 5, 2013

Geo + Text Real-time Tweet map

Page 64: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 65: Data Visualization at Twitter

Time + Text

UEFA Champions League

Biggest tournament for European soccer clubs

Many Tweets during the matches

Page 66: Data Visualization at Twitter

UEFA Champions League

Dortmund Bayern MunichTeam 1 Team 2

Time + Text

Page 67: Data Visualization at Twitter

UEFA Champions League

Dortmund Bayern MunichTeam 1 Team 2

Time + Text

Page 68: Data Visualization at Twitter

UEFA Champions League

Dortmund Bayern MunichTeam 1 Team 2

Time + Text

Page 69: Data Visualization at Twitter

UEFA Champions League

Dortmund Bayern Munich

Count Tweets mentioning the teams every minute

Team 1 Team 2

Time + Text

Page 70: Data Visualization at Twitter

Time + Text UEFA Champions League

Page 71: Data Visualization at Twitter

+ “goal” count + context

Time + Text UEFA Champions League

Page 72: Data Visualization at Twitter

+ “offside”

Time + Text UEFA Champions League

Page 73: Data Visualization at Twitter

+ players

Time + Text UEFA Champions League

Page 74: Data Visualization at Twitter

A B C D

A C

C

Competition Tree

vs vs

vs

Page 75: Data Visualization at Twitter

A B C D

A C

C

Competition Tree

vs vs

vs +

Page 76: Data Visualization at Twitter

A B C D

A C

C

Competition Tree

vs vs

vs + =

Page 77: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 78: Data Visualization at Twitter

Time + Text + Geo State of the Union

twitter.github.io/interactive/sotu2014

Page 79: Data Visualization at Twitter

1) timeline + topic from Tweets

4) Density map of Tweets about selected topic

3) Volume of Tweets by topics

during selected part of the SOTU

2) context (speech)

twitter.github.io/interactive/sotu2014

Time + Text + Geo State of the Union

Page 80: Data Visualization at Twitter

World Cup 2014Time + Text

Page 81: Data Visualization at Twitter

Time + Text + Geo World Cup 2014

Page 82: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

Page 83: Data Visualization at Twitter

What?

Where? When?

GEO TIME

TEXT

Visualize Data

+Non-Twitter data

CONTEXT

Page 84: Data Visualization at Twitter

Time + Text New Year 2014

Page 85: Data Visualization at Twitter

Time + Text New Year 2014

Page 86: Data Visualization at Twitter

Time + Text + Geo (c) New Year 2014

twitter.github.io/interactive/newyear2014/

Page 87: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Page 88: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

Page 89: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

Iterate!

Page 90: Data Visualization at Twitter

• Self

• Peer feedback

• Non team members / Potential audience

Evaluation

Page 91: Data Visualization at Twitter

visat Twitterdata

Get data

1

Visualize

2

Evaluate

3

Page 92: Data Visualization at Twitter

visat Twitterdata

Get data

1

Visualize

2

Evaluate

3

big data => small data

Page 93: Data Visualization at Twitter

visat Twitterdata

Get data

1

Visualize

2

Evaluate

3

big data => small data

What? Where? When?

Page 94: Data Visualization at Twitter

visat Twitterdata

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?

Page 95: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?

Page 96: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?• users • followers graph • logs • etc. !

• derived data: language, sentiment

Page 97: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?Who? …• users

• followers graph • logs • etc. !

• derived data: language, sentiment

Page 98: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?Who? …• users

• followers graph • logs • etc. !

• derived data: language, sentiment

(with deadline)

Page 99: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?Who? …• users

• followers graph • logs • etc. !

• derived data: language, sentiment @kristw / https://interactive.twitter.com

(with deadline)

Page 100: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?Who? …• users

• followers graph • logs • etc. !

• derived data: language, sentiment @kristw / https://interactive.twitter.com

(with deadline)

+ visualizations by @philogb, @miguelrios & @trebor

Page 101: Data Visualization at Twitter

Questions?

Page 102: Data Visualization at Twitter

visat Twitterdata

“Tweets”

Get data

1

Visualize

2

Evaluate

3

big data => small data self, peer, external

What? Where? When?Who? …• users

• followers graph • logs • etc.

@kristw / https://interactive.twitter.com

(with deadline)

+ visualizations by @philogb, @miguelrios & @trebor

Page 103: Data Visualization at Twitter

Thank you