Mithileysh Sathiyanarayanan and Nikolay Burlutskiy
University of Brighton, UK
{M.Sathiyanarayanan, N.Burlutskiy}@brighton.ac.uk
COMSNETS 2015
Bangalore, India
Design and Evaluation of Euler Diagram
and Treemap for Social Network
Visualisation
Purpose of Social Network
Visualisation
 Identifying the actors of a network
 Understanding relationships in a network
 Aggregating the information on a social network
For example: network diagram (graph)
Motivation
 Since these days people communicate everyday via
social networks such as Facebook, Twitter, LinkedIn,
Instagram etc. There is a big need of visualising tools for
the data analysts.
 However, the complexity and scale of digital
communication motivates people to find alternative
ways to represent social networks in visual form which
are more efficient for specific reasoning tasks.
What is the challenge?
 In this research, visualisation of a social network using a
network diagram is challenged by visualisation using a
treemap and Euler diagram.
 The main motivations for this challenge is to understand
when the two visualisations are useful and appropriate
for social network visualisation and what kind of
diagram combination would enhance the visualisation of
social networks.
Network diagram is challenged by visualisation using a treemap and Euler diagram.
Diagrams
Network Diagram Euler Diagram Treemap Diagram
Addressing the Problem
 First, Euler diagram and treemap visualisations were
designed for a Twitter network and then compared by
twenty participants in an evaluation.
 Then two combined diagrams, an Euler diagram with
network diagram, and a treemap with network diagram
were designed and evaluated by the participants.
 Finally, the results for the evaluation of a Twitter
network visualisation are demonstrated and discussed.
Design of the Study
 Diagrams were drawn using the software Inkscape. We
considered three different sizes of curves/rectangles:
small, medium and large.
 20 participants were randomly selected from the
University of Brighton for the study.
 Fifteen of the participants were male, five female, and
their age varied from 21 to 29 years with 23.5 years as
the mean value for their age.
 Next, all participants were asked questions based on the
visualisations.
 Diagrams drawn were randomised for the participants.
Goal of the Designed Evaluation
GOAL 1: To evaluate the users preference of social
network visualisation from two different visualisations,
namely Euler diagram and treemap.
Euler Diagram Treemap Diagram
Goal of the Designed Evaluation
GOAL 2: To evaluate the choice between an Euler
diagram and treemap for conveying information about
people’s interests.
Euler Diagram Treemap Diagram
Goal of the Designed Evaluation
GOAL 3: To evaluate the choice between an Euler
diagram and treemap augmented by network diagrams
for conveying information about people’s interests.
Euler Diagram with network diagram Treemap Diagram with network diagram
Section A
 Comparing Euler Diagram and Treemap Representing
Friendship Relationships between People
How many people are in the network?
 How many friendship connections exist in the
network?
 Which person has the most tweets?
 How many connections Adam has?
 Are Steve and Adam connected?
Section A: diagrams
Euler Diagram Treemap Diagram
Level of complexity – 6 actors. We also had 4 and 8 actors for the study.
Section B
 Comparing Euler Diagram and Treemap Representing
People’s Interests
What are the common interests between John and
Luke?
 What are the common interests between Robin and
Luke?
 What are the common interests between John and
Steve?
Section B: diagrams
Euler Diagram Treemap Diagram
Level of complexity – 6 actors. We also had 4 and 8 actors for the study.
Section C
 Comparing two Combined Diagrams Representing
People’s Interests
Luke follows Tom Cruise and how many people Tom
Cruise follows?
 Who are the common people Adam follows with
Luke?
 How many people Luke follows which does not
include common with Robin?
Section C: diagrams
Euler Diagram Treemap Diagram
Level of complexity – 6 actors. We also had 4 and 8 actors for the study.
Results
Discussion
Results of GOAL 1: evaluation comparing Euler
diagram and treemap representing friendship
relationship between people, the results showed that
Euler diagram performed better than treemap
Euler Diagram Treemap
Diagram
Mean Rating (out
of 5)
4.6 4.0
Error rate 4% 17%
Discussion
 Results of GOAL 2: evaluation comparing Euler
diagram and treemap representing peoples interest, the
results showed that again Euler diagram performed
better than treemap.
Euler Diagram Treemap
Diagram
Mean Rating (out
of 5)
4.5 3.1
Error rate 13% 37%
Discussion
 Results of GOAL 3: evaluation comparing two
combined diagrams representing peoples interest. The
results showed that Euler diagram augmented by a
network diagram performed better than a treemap
augmented by a network diagram.
Euler Diagram
with network
diagram
Treemap
Diagram with
network diagram
Mean Rating (out
of 5)
4.6 3.1
Error rate 13% 35%
Future Works
 Other alternative ways of social network representation
based on Euler diagrams and treemaps are considered
for addressing the scalability issue.
 Redesign the augmented treemap with changed
semantics and including interaction in the
visualisation.
 Fusion of different visualisation styles is the research
goal for the future since it can spark efficiency of
social network visualisation.
 In the next study, we will use crowdsourcing for
evaluation of the visualisations since the results
obtained with 20 participants of this study must be
verified for larger groups of participants.
Thank You
and
Any Questions?

More Related Content

PPTX
Social Network Analysis: What It Is, Why We Should Care, and What We Can Lear...
PPT
The Basics of Social Network Analysis
PPTX
06 Regression with Networks – EGO Networks and Randomization (2017)
PPT
01 Introduction to Networks Methods and Measures
PPTX
10 More than a Pretty Picture: Visual Thinking in Network Studies
PPTX
11 Network Experiments and Interventions
PPTX
02 Network Data Collection
PPTX
04 Diffusion and Peer Influence
Social Network Analysis: What It Is, Why We Should Care, and What We Can Lear...
The Basics of Social Network Analysis
06 Regression with Networks – EGO Networks and Randomization (2017)
01 Introduction to Networks Methods and Measures
10 More than a Pretty Picture: Visual Thinking in Network Studies
11 Network Experiments and Interventions
02 Network Data Collection
04 Diffusion and Peer Influence

What's hot (20)

PDF
ICPSR - Complex Systems Models in the Social Sciences - Lecture 1 - Professor...
PDF
Network Visualization guest lecture at #DataVizQMSS at @Columbia / #SNA at PU...
PPTX
Gender differences in OpenStreetMap contributor activitiy, editing and taggin...
PDF
05 Communities in Network
PPTX
20 Network Experiments
PDF
13 An Introduction to Stochastic Actor-Oriented Models (aka SIENA)
PDF
03 Ego Network Analysis
PPTX
17 Statistical Models for Networks
PDF
ICPSR - Complex Systems Models in the Social Sciences - Lecture 3 - Professor...
PDF
ICPSR - Complex Systems Models in the Social Sciences - Lecture 2 - Professor...
PPTX
02 Introduction to Social Networks and Health: Key Concepts and Overview
PDF
Social Contagion Theory
PDF
00 Automatic Mental Health Classification in Online Settings and Language Emb...
PDF
08 Inference for Networks – DYAD Model Overview (2017)
PDF
Predicting_new_friendships_in_social_networks
PPTX
Comparison of Online Social Relations in terms of Volume vs. Interaction: A C...
PDF
LAK13 Tutorial Social Network Analysis 4 Learning Analytics
PPT
Social Network Analysis
PPTX
A comparative study of social network analysis tools
PDF
A new approach to erd s collaboration network using page rank
ICPSR - Complex Systems Models in the Social Sciences - Lecture 1 - Professor...
Network Visualization guest lecture at #DataVizQMSS at @Columbia / #SNA at PU...
Gender differences in OpenStreetMap contributor activitiy, editing and taggin...
05 Communities in Network
20 Network Experiments
13 An Introduction to Stochastic Actor-Oriented Models (aka SIENA)
03 Ego Network Analysis
17 Statistical Models for Networks
ICPSR - Complex Systems Models in the Social Sciences - Lecture 3 - Professor...
ICPSR - Complex Systems Models in the Social Sciences - Lecture 2 - Professor...
02 Introduction to Social Networks and Health: Key Concepts and Overview
Social Contagion Theory
00 Automatic Mental Health Classification in Online Settings and Language Emb...
08 Inference for Networks – DYAD Model Overview (2017)
Predicting_new_friendships_in_social_networks
Comparison of Online Social Relations in terms of Volume vs. Interaction: A C...
LAK13 Tutorial Social Network Analysis 4 Learning Analytics
Social Network Analysis
A comparative study of social network analysis tools
A new approach to erd s collaboration network using page rank
Ad

Viewers also liked (9)

PPT
Euler-time Diagrams
PPTX
Well-matchedness in Euler Diagram
PPTX
Spherule Diagrams with Graph for Social Network Visualization
PPT
Traffic Classification
PPTX
Visualisation of Large Networks
PPTX
Spherule Diagrams: A Matrix-based Set Visualization Compared with Euler Diagrams
PPTX
Visualizing Social Networks using a Treemap overlaid with a Graph
PPTX
Map Navigation using hand gesture recognition
PPTX
MYO Armband for Physiotherapy Healthcare: A Case Study Using Gesture Recognit...
Euler-time Diagrams
Well-matchedness in Euler Diagram
Spherule Diagrams with Graph for Social Network Visualization
Traffic Classification
Visualisation of Large Networks
Spherule Diagrams: A Matrix-based Set Visualization Compared with Euler Diagrams
Visualizing Social Networks using a Treemap overlaid with a Graph
Map Navigation using hand gesture recognition
MYO Armband for Physiotherapy Healthcare: A Case Study Using Gesture Recognit...
Ad

Similar to Design and Evaluation of Euler Diagram and Treemap for Social Network Visualisation (20)

PPTX
Social Network Visualisation
PPT
SSRI_pt1.ppt
PPTX
Automatic Visualization of Grouped Networks
PDF
What do we care about in a network by @phil_renaud
PDF
CS6010 Social Network Analysis Unit V
PPTX
Interactive visualization and exploration of network data with Gephi
PDF
Q046049397
PDF
socialnetworkanalysis-100225055227-phpapp02.pdf
PPTX
AI Class Topic 5: Social Network Graph
PDF
Sampling of User Behavior Using Online Social Network
PPTX
Drawing Euler diagrams and graphs in combination
PDF
Jürgens diata12-communities
PDF
Mining Social Graph Data
PPT
Social network analysis course 2010 - 2011
PPTX
20120301 strata-marc smith-mapping social media networks with no coding using...
PDF
Social network analysis basics
PPTX
Interactive visualization and exploration of network data with gephi
PPTX
Data Structure Graph DMZ #DMZone
PDF
Ties that matter: Effects of the network context on the association between s...
PPTX
20111103 con tech2011-marc smith
Social Network Visualisation
SSRI_pt1.ppt
Automatic Visualization of Grouped Networks
What do we care about in a network by @phil_renaud
CS6010 Social Network Analysis Unit V
Interactive visualization and exploration of network data with Gephi
Q046049397
socialnetworkanalysis-100225055227-phpapp02.pdf
AI Class Topic 5: Social Network Graph
Sampling of User Behavior Using Online Social Network
Drawing Euler diagrams and graphs in combination
Jürgens diata12-communities
Mining Social Graph Data
Social network analysis course 2010 - 2011
20120301 strata-marc smith-mapping social media networks with no coding using...
Social network analysis basics
Interactive visualization and exploration of network data with gephi
Data Structure Graph DMZ #DMZone
Ties that matter: Effects of the network context on the association between s...
20111103 con tech2011-marc smith

More from Mithileysh Sathiyanarayanan (20)

PDF
Startups: Accelerating Ideas to Prototypes
PPTX
6G Communication
PDF
VIRAL: The Effectiveness of Virtual Lab Teaching in Developing Higher Order T...
PPTX
Importance of Publications
PPTX
Disruptive Technologies
PPTX
Orange Data Mining & Data Visualization Tool
PPTX
PPTX
Extended Microteaching - Innovative Teaching Pedagogies
PPTX
Digital Twin Technology
PPTX
Socio Emotional Intelligence (SEI)
PPTX
Business Intelligence
PPTX
Smart IoT Device for Vehicle Theft
PPTX
Campus to Corporate Initiative
PPTX
Blockchain Technology
PPTX
Role of Technology and Innovation in Rural Healthcare in India
PPTX
iPARK: Intelligent Parking System based on IoT & AI
PPTX
Artificial Intelligence - Overview
PPTX
Introduction to Tableau
PPTX
Digital Forensics
PPTX
Leveraging Blockchain in Agriculture
Startups: Accelerating Ideas to Prototypes
6G Communication
VIRAL: The Effectiveness of Virtual Lab Teaching in Developing Higher Order T...
Importance of Publications
Disruptive Technologies
Orange Data Mining & Data Visualization Tool
Extended Microteaching - Innovative Teaching Pedagogies
Digital Twin Technology
Socio Emotional Intelligence (SEI)
Business Intelligence
Smart IoT Device for Vehicle Theft
Campus to Corporate Initiative
Blockchain Technology
Role of Technology and Innovation in Rural Healthcare in India
iPARK: Intelligent Parking System based on IoT & AI
Artificial Intelligence - Overview
Introduction to Tableau
Digital Forensics
Leveraging Blockchain in Agriculture

Recently uploaded (20)

PDF
VTU IOT LAB MANUAL (BCS701) Computer science and Engineering
PPTX
Agentic Artificial Intelligence (Agentic AI).pptx
PDF
Computer organization and architecuture Digital Notes....pdf
PPTX
SE unit 1.pptx aaahshdhajdviwhsiehebeiwheiebeiev
PDF
Unit1 - AIML Chapter 1 concept and ethics
PPTX
BBOC407 BIOLOGY FOR ENGINEERS (CS) - MODULE 1 PART 1.pptx
PPTX
Module1.pptxrjkeieuekwkwoowkemehehehrjrjrj
PDF
Lesson 3 .pdf
PPTX
AI-Reporting for Emerging Technologies(BS Computer Engineering)
PDF
Cryptography and Network Security-Module-I.pdf
PDF
MLpara ingenieira CIVIL, meca Y AMBIENTAL
PDF
UEFA_Carbon_Footprint_Calculator_Methology_2.0.pdf
PDF
20250617 - IR - Global Guide for HR - 51 pages.pdf
PDF
Designing Fault-Tolerant Architectures for Resilient Oracle Cloud ERP and HCM...
PDF
Unit I -OPERATING SYSTEMS_SRM_KATTANKULATHUR.pptx.pdf
PPTX
WN UNIT-II CH4_MKaruna_BapatlaEngineeringCollege.pptx
DOCX
ENVIRONMENTAL PROTECTION AND MANAGEMENT (18CVL756)
PDF
SEH5E Unveiled: Enhancements and Key Takeaways for Certification Success
PPT
Programmable Logic Controller PLC and Industrial Automation
PDF
Mechanics of materials week 2 rajeshwari
VTU IOT LAB MANUAL (BCS701) Computer science and Engineering
Agentic Artificial Intelligence (Agentic AI).pptx
Computer organization and architecuture Digital Notes....pdf
SE unit 1.pptx aaahshdhajdviwhsiehebeiwheiebeiev
Unit1 - AIML Chapter 1 concept and ethics
BBOC407 BIOLOGY FOR ENGINEERS (CS) - MODULE 1 PART 1.pptx
Module1.pptxrjkeieuekwkwoowkemehehehrjrjrj
Lesson 3 .pdf
AI-Reporting for Emerging Technologies(BS Computer Engineering)
Cryptography and Network Security-Module-I.pdf
MLpara ingenieira CIVIL, meca Y AMBIENTAL
UEFA_Carbon_Footprint_Calculator_Methology_2.0.pdf
20250617 - IR - Global Guide for HR - 51 pages.pdf
Designing Fault-Tolerant Architectures for Resilient Oracle Cloud ERP and HCM...
Unit I -OPERATING SYSTEMS_SRM_KATTANKULATHUR.pptx.pdf
WN UNIT-II CH4_MKaruna_BapatlaEngineeringCollege.pptx
ENVIRONMENTAL PROTECTION AND MANAGEMENT (18CVL756)
SEH5E Unveiled: Enhancements and Key Takeaways for Certification Success
Programmable Logic Controller PLC and Industrial Automation
Mechanics of materials week 2 rajeshwari

Design and Evaluation of Euler Diagram and Treemap for Social Network Visualisation

  • 1. Mithileysh Sathiyanarayanan and Nikolay Burlutskiy University of Brighton, UK {M.Sathiyanarayanan, N.Burlutskiy}@brighton.ac.uk COMSNETS 2015 Bangalore, India Design and Evaluation of Euler Diagram and Treemap for Social Network Visualisation
  • 2. Purpose of Social Network Visualisation  Identifying the actors of a network  Understanding relationships in a network  Aggregating the information on a social network For example: network diagram (graph)
  • 3. Motivation  Since these days people communicate everyday via social networks such as Facebook, Twitter, LinkedIn, Instagram etc. There is a big need of visualising tools for the data analysts.  However, the complexity and scale of digital communication motivates people to find alternative ways to represent social networks in visual form which are more efficient for specific reasoning tasks.
  • 4. What is the challenge?  In this research, visualisation of a social network using a network diagram is challenged by visualisation using a treemap and Euler diagram.  The main motivations for this challenge is to understand when the two visualisations are useful and appropriate for social network visualisation and what kind of diagram combination would enhance the visualisation of social networks.
  • 5. Network diagram is challenged by visualisation using a treemap and Euler diagram. Diagrams Network Diagram Euler Diagram Treemap Diagram
  • 6. Addressing the Problem  First, Euler diagram and treemap visualisations were designed for a Twitter network and then compared by twenty participants in an evaluation.  Then two combined diagrams, an Euler diagram with network diagram, and a treemap with network diagram were designed and evaluated by the participants.  Finally, the results for the evaluation of a Twitter network visualisation are demonstrated and discussed.
  • 7. Design of the Study  Diagrams were drawn using the software Inkscape. We considered three different sizes of curves/rectangles: small, medium and large.  20 participants were randomly selected from the University of Brighton for the study.  Fifteen of the participants were male, five female, and their age varied from 21 to 29 years with 23.5 years as the mean value for their age.  Next, all participants were asked questions based on the visualisations.  Diagrams drawn were randomised for the participants.
  • 8. Goal of the Designed Evaluation GOAL 1: To evaluate the users preference of social network visualisation from two different visualisations, namely Euler diagram and treemap. Euler Diagram Treemap Diagram
  • 9. Goal of the Designed Evaluation GOAL 2: To evaluate the choice between an Euler diagram and treemap for conveying information about people’s interests. Euler Diagram Treemap Diagram
  • 10. Goal of the Designed Evaluation GOAL 3: To evaluate the choice between an Euler diagram and treemap augmented by network diagrams for conveying information about people’s interests. Euler Diagram with network diagram Treemap Diagram with network diagram
  • 11. Section A  Comparing Euler Diagram and Treemap Representing Friendship Relationships between People How many people are in the network?  How many friendship connections exist in the network?  Which person has the most tweets?  How many connections Adam has?  Are Steve and Adam connected?
  • 12. Section A: diagrams Euler Diagram Treemap Diagram Level of complexity – 6 actors. We also had 4 and 8 actors for the study.
  • 13. Section B  Comparing Euler Diagram and Treemap Representing People’s Interests What are the common interests between John and Luke?  What are the common interests between Robin and Luke?  What are the common interests between John and Steve?
  • 14. Section B: diagrams Euler Diagram Treemap Diagram Level of complexity – 6 actors. We also had 4 and 8 actors for the study.
  • 15. Section C  Comparing two Combined Diagrams Representing People’s Interests Luke follows Tom Cruise and how many people Tom Cruise follows?  Who are the common people Adam follows with Luke?  How many people Luke follows which does not include common with Robin?
  • 16. Section C: diagrams Euler Diagram Treemap Diagram Level of complexity – 6 actors. We also had 4 and 8 actors for the study.
  • 18. Discussion Results of GOAL 1: evaluation comparing Euler diagram and treemap representing friendship relationship between people, the results showed that Euler diagram performed better than treemap Euler Diagram Treemap Diagram Mean Rating (out of 5) 4.6 4.0 Error rate 4% 17%
  • 19. Discussion  Results of GOAL 2: evaluation comparing Euler diagram and treemap representing peoples interest, the results showed that again Euler diagram performed better than treemap. Euler Diagram Treemap Diagram Mean Rating (out of 5) 4.5 3.1 Error rate 13% 37%
  • 20. Discussion  Results of GOAL 3: evaluation comparing two combined diagrams representing peoples interest. The results showed that Euler diagram augmented by a network diagram performed better than a treemap augmented by a network diagram. Euler Diagram with network diagram Treemap Diagram with network diagram Mean Rating (out of 5) 4.6 3.1 Error rate 13% 35%
  • 21. Future Works  Other alternative ways of social network representation based on Euler diagrams and treemaps are considered for addressing the scalability issue.  Redesign the augmented treemap with changed semantics and including interaction in the visualisation.  Fusion of different visualisation styles is the research goal for the future since it can spark efficiency of social network visualisation.  In the next study, we will use crowdsourcing for evaluation of the visualisations since the results obtained with 20 participants of this study must be verified for larger groups of participants.

Editor's Notes

  • #7: We extend the existing MCDRR scheduling algorithm for n channels to the case of considering two schedulers for the same n channels.
  • #8: We extend the existing MCDRR scheduling algorithm for n channels to the case of considering two schedulers for the same n channels.