information visualization for social network analysis,

60
Information Visualization for Social Network Analysis Ben Shneiderman [email protected] Twitter: @benbendc Founding Director (1983-2000), Human-Computer Interaction Lab Professor, Department of Computer Science Member, Institute for Advanced Computer Studies

Upload: university-of-maryland

Post on 19-Jan-2015

1.297 views

Category:

Technology


0 download

DESCRIPTION

Information Visualization for Social Network Analysis, NVSS semantic substrates, Social Action, NodeXL (slide file: Info vis socialnetworkanalysis-v1)

TRANSCRIPT

Page 1: Information Visualization for Social Network Analysis,

Information Visualization for

Social Network Analysis

Ben Shneiderman [email protected]

Twitter: @benbendc

Founding Director (1983-2000), Human-Computer Interaction Lab

Professor, Department of Computer Science Member, Institute for Advanced Computer Studies

Page 2: Information Visualization for Social Network Analysis,

Interdisciplinary research community

- Computer Science & Info Studies

- Psych, Socio, Poli Sci & MITH

(www.cs.umd.edu/hcil)

Page 3: Information Visualization for Social Network Analysis,

Design Issues

• Input devices & strategies

• Keyboards, pointing devices, voice

• Direct manipulation

• Menus, forms, commands

• Output devices & formats

• Screens, windows, color, sound

• Text, tables, graphics

• Instructions, messages, help

• Collaboration & Social Media

• Help, tutorials, training

• Search

www.awl.com/DTUI

Fifth Edition: 2010

• Visualization

Page 4: Information Visualization for Social Network Analysis,

HCI Pride: Serving 5B Users

Mobile, desktop, web, cloud

Diverse users: novice/expert, young/old, literate/illiterate,

abled/disabled, cultural, ethnic & linguistic diversity, gender,

personality, skills, motivation, ...

Diverse applications: E-commerce, law, health/wellness,

education, creative arts, community relationships, politics,

IT4ID, policy negotiation, mediation, peace studies, ...

Diverse interfaces: Ubiquitous, pervasive, embedded, tangible,

invisible, multimodal, immersive/augmented/virtual, ambient,

social, affective, empathic, persuasive, ...

Page 5: Information Visualization for Social Network Analysis,

Using Vision to Think

• Visual bandwidth is enormous

• Human perceptual skills are remarkable

• Trend, cluster, gap, outlier...

• Color, size, shape, proximity...

• Human image storage is fast and vast

• Opportunities

• Spatial layouts & coordination

• Information visualization

• Scientific visualization & simulation

• Telepresence & augmented reality

• Virtual environments

Page 6: Information Visualization for Social Network Analysis,

Spotfire: DC natality data

Page 7: Information Visualization for Social Network Analysis,
Page 8: Information Visualization for Social Network Analysis,

Information Visualization: Mantra

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

• Overview, zoom & filter, details-on-demand

Page 9: Information Visualization for Social Network Analysis,

Information Visualization: Data Types

• 1-D Linear Document Lens, SeeSoft, Info Mural

• 2-D Map GIS, ArcView, PageMaker, Medical imagery

• 3-D World CAD, Medical, Molecules, Architecture

• Multi-Var Spotfire, Tableau, GGobi, TableLens, ParCoords,

• Temporal LifeLines, TimeSearcher, Palantir, DataMontage

• Tree Cone/Cam/Hyperbolic, SpaceTree, Treemap

• Network Pajek, JUNG, UCINet, SocialAction, NodeXL

Info

Viz

Sci

Viz

.

Page 10: Information Visualization for Social Network Analysis,

Jenny Preece (PI), Peter Pirolli & Ben Shneiderman (Co-PIs) www.tmsp.umd.edu

NSF Workshops: Academics, Industry, Gov’t

Page 11: Information Visualization for Social Network Analysis,

- Scientific Foundations

- Advancing Design of

Social Participation Systems

- Visions of What is Possible With Sharable

Socio-technical Infrastructure

- Participating in Health 2.0

- Educational Priorities for

Technology Mediated Social Participation

- Engaging the Public in Open Government:

Social Media Technology and

Policy for Government Transparency

Cyberinfrastructure: Social Action on National Priorities

Page 12: Information Visualization for Social Network Analysis,

Summer Social Webshop: August 23-26, 2011

Page 13: Information Visualization for Social Network Analysis,

UN Millennium Development Goals

• Eradicate extreme poverty and hunger

• Achieve universal primary education

• Promote gender equality and empower women

• Reduce child mortality

• Improve maternal health

• Combat HIV/AIDS, malaria and other diseases

• Ensure environmental sustainability

• Develop a global partnership for development

To be achieved by 2015

Page 14: Information Visualization for Social Network Analysis,

State-of-the-art network visualization

Page 15: Information Visualization for Social Network Analysis,

Node Placement Methods

• Node-link diagrams

• Force-directed layout

• Geographical map

• Circular layout

• Temporal layout

• Clustering

• Layouts based on node attributes

• Matrix-based

• Tabular textual

Page 16: Information Visualization for Social Network Analysis,

Node Placement Methods

• Node-link diagrams

• Force-directed layout

• Geographical map

• Circular layout

• Temporal layout

• Clustering

• Layouts based on node attributes

• Matrix-based

• Tabular textual

Page 17: Information Visualization for Social Network Analysis,

Node Placement Methods

• Node-link diagrams

• Force-directed layout

• Geographical map

• Circular layout

• Temporal layout

• Clustering

• Layouts based on node attributes

• Matrix-based

• Tabular textual

Page 18: Information Visualization for Social Network Analysis,

NetViz Nirvana

1) Every node is visible

2) For every node

you can count its degree

3) For every link

you can follow it

from source to destination

4) Clusters and outliers are identifiable

Page 19: Information Visualization for Social Network Analysis,

• Group nodes into regions According to an attribute

Categorical, ordinal, or binned numerical

• In each region: Place nodes according to other attribute(s)

• Give users control of link visibility

1) NVSS: Semantic Substrates

Page 20: Information Visualization for Social Network Analysis,

Force Directed Layout

36 Supreme & 13 Circuit Court decisions

268 Citations on Regulatory Takings 1978-2002

Page 21: Information Visualization for Social Network Analysis,

Network Visualization by Semantic Substrates

NVSS 1.0

Page 22: Information Visualization for Social Network Analysis,

Filtering links by source-target

Page 23: Information Visualization for Social Network Analysis,

Filtering links by time attribute (1)

Page 24: Information Visualization for Social Network Analysis,

• Meaningful

layout of nodes

• User controlled

visibility of links

• Cross refs in

11 Circuit Courts

(green) + few refs to

District Court cases

www.cs.umd.edu/hcil/nvss

Network Visualization by Semantic Substrates

Page 25: Information Visualization for Social Network Analysis,

NVSS 2.0

with Substrate Designer

Network Visualization by Semantic Substrates

Page 26: Information Visualization for Social Network Analysis,

Senate 2007: 180 out of 310 Votes in Common

2) SocialAction:

Integrating Statistics & Visualization

Page 27: Information Visualization for Social Network Analysis,

290 out of 310 Votes in Common

Social Action: 2007 Senate Votes

Page 28: Information Visualization for Social Network Analysis,

NodeXL: Network Overview for Discovery & Exploration in Excel

www.codeplex.com/nodexl

Page 29: Information Visualization for Social Network Analysis,

NodeXL: Import Dialogs

www.codeplex.com/nodexl

Page 30: Information Visualization for Social Network Analysis,

Tweets at #WIN09 Conference: 2 groups

Page 31: Information Visualization for Social Network Analysis,

Twitter discussion of #GOP

Red: Republicans, anti-Obama,

mention Fox

Blue: Democrats, pro-Obama,

mention CNN

Green: non-affiliated

Node size is number of followers

Politico is major bridging group

Page 32: Information Visualization for Social Network Analysis,

CHI2010 Twitter Community

www.codeplex.com/nodexl/

Page 33: Information Visualization for Social Network Analysis,

Flickr networks

Page 34: Information Visualization for Social Network Analysis,

Flickr clusters for “mouse”

Computer Mickey

Animal

Page 35: Information Visualization for Social Network Analysis,

Figure 7.11. : Lobbying Coalition Network connecting organizations (vertices) that have jointly filed

comments on US Federal Communications Commission policies (edges). Vertex Size represents

number of filings and color represents Eigenvector Centrality (pink = higher). Darker edges connect

organizations with many joint filings. Vertices were originally positioned using Fruchterman-

Rheingold and hand-positioned to respect clusters identified by NodeXL’s Find Clusters algorithm.

Page 36: Information Visualization for Social Network Analysis,

WWW2010 Twitter Community

Page 37: Information Visualization for Social Network Analysis,

WWW2011 Twitter Community: Grouped

Page 38: Information Visualization for Social Network Analysis,

Analogy: Clusters Are Occluded Hard to count nodes, clusters

Page 39: Information Visualization for Social Network Analysis,

Separate Clusters Are More Comprehensible

Page 40: Information Visualization for Social Network Analysis,

Twitter Network for “msrtf11 OR techfest ”

Page 41: Information Visualization for Social Network Analysis,

Twitter Network for “msrtf11 OR techfest ”

Page 42: Information Visualization for Social Network Analysis,

US Senate Co-Voting Network 2007

Page 43: Information Visualization for Social Network Analysis,

South

Midwest

Northeast

Mountain

Paci

fic

US Senate Co-Voting Network 2007, Clustered

Page 44: Information Visualization for Social Network Analysis,

Small-World Graph with 5 Clusters

Page 45: Information Visualization for Social Network Analysis,

Small-World Graph with 5 Clusters

Page 46: Information Visualization for Social Network Analysis,

Small-World Graph with 5 Clusters

Page 47: Information Visualization for Social Network Analysis,

Pseudo-Random Graph with 5 Clusters

Page 48: Information Visualization for Social Network Analysis,

Pseudo-Random Graph with 5 Clusters

Page 49: Information Visualization for Social Network Analysis,

Scale-free Network with 10 Clusters

Page 50: Information Visualization for Social Network Analysis,

Scale-free Network with 10 Clusters

Page 51: Information Visualization for Social Network Analysis,

Scale-free Network with 10 Clusters

Page 52: Information Visualization for Social Network Analysis,

Scale-free Network with 10 Clusters

Page 53: Information Visualization for Social Network Analysis,

Scale-free Network with 10 Clusters

Page 54: Information Visualization for Social Network Analysis,

Innovation Patterns: 11,000 vertices, 26,000 edges

Page 55: Information Visualization for Social Network Analysis,

Patent

Tech

SBIR (federal)

PA DCED (state)

Related patent

2: Federal agency

3: Enterprise

5: Inventors

9: Universities

10: PA DCED

11/12: Phil/Pitt metro cnty

13-15: Semi-rural/rural cnty

17: Foreign countries

19: Other states

Pittsburgh Metro

Westinghouse Electric

Pharmaceutical/Medical

No Location Philadelphia

Navy

Page 56: Information Visualization for Social Network Analysis,

Patent

Tech

SBIR (federal)

PA DCED (state)

Related patent

2: Federal agency

3: Enterprise

5: Inventors

9: Universities

10: PA DCED

11/12: Phil/Pitt metro cnty

13-15: Semi-rural/rural cnty

17: Foreign countries

19: Other states

Pittsburgh Metro

Westinghouse Electric

Pharmaceutical/Medical

No Location Philadelphia

Navy

Innovation Clusters: People, Locations, Companies

Page 57: Information Visualization for Social Network Analysis,

Discussion Group Postings, color by topic

www.cs.umd.edu/hcil/non

nationofneighbors.net

Page 58: Information Visualization for Social Network Analysis,

Analyzing Social Media Networks with NodeXL

I. Getting Started with Analyzing Social Media Networks

1. Introduction to Social Media and Social Networks

2. Social media: New Technologies of Collaboration

3. Social Network Analysis

II. NodeXL Tutorial: Learning by Doing

4. Layout, Visual Design & Labeling

5. Calculating & Visualizing Network Metrics

6. Preparing Data & Filtering

7. Clustering &Grouping

III Social Media Network Analysis Case Studies

8. Email

9. Threaded Networks

10. Twitter

11. Facebook

12. WWW

13. Flickr

14. YouTube

15. Wiki Networks

http://www.elsevier.com/wps/find/bookdescription.cws_home/723354/description

Page 59: Information Visualization for Social Network Analysis,

Social Media Research Foundation

Social Media Research Foundation smrfoundation.org

We are a group of researchers who want to create

open tools, generate and host open data, and

support open scholarship related to social media.

smrfoundation.org

Page 60: Information Visualization for Social Network Analysis,

29th Annual Symposium

May 22-23, 2012

www.cs.umd.edu/hcil