This paper will be presented at the ICACNI 2016 on September 2016.

1. Presented by
Mithileysh Sathiyanarayanan
4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Mithileysh Sathiyanarayanan and Mohammad Alsaffar
Euler-time Diagrams:
A set visualisation technique
analysed over time
307

2. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Prototype Tool
Results and Analysis
ConclusionsIntroduction
1/7
Set relationships over time :
Over the years, there is a large amount of data being generated in almost all the
fields such as engineering, medical, bioscience and social network. To visualise
set relationships for a large data is always a challenge, especially with the data
evolving over time. There is no tool that supports the set visualisation represented
over time.
We explored this impossibility by developing a novel visual method and a
software tool to generate Euler-time diagrams, which will represent set relations
with respect to time. The idea was taken from the well-known visualisations:
Euler diagrams and time-series. Euler diagrams represent set relations and time-
series represent sequence of events happened over a time. We merged the idea of
Euler diagrams and time-series to spark the novelty.

3. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Prototype Tool
Results and Analysis
ConclusionsRelated Works
2/7
•Venn Diagrams
•Euler Diagrams
•Linear Diagrams
•Treemap Diagrams
•Spherule Diagrams

4. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Prototype Tool
Results and Analysis
ConclusionsProposed Approach
3/7
In this work, we took a case study from the World Health Organisation
(WHO) who is constantly trying to understand relationships between
various diseases people are affected over a period of time. This motivated
us to develop the set relationship time tool, by considering two levels:
aggregation and relationships, by using data driven documents (D3) and
Google developing tool kit.

5. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Prototype Tool
Results and Analysis
ConclusionsPrototype Tool
4/7
Figure: The screen shot of an Euler-time Diagram: A set visualisation
technique analysed over time, where the tool is developed using D3 and
Google tool kit.

6. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Prototype Tool
Results and Analysis
ConclusionsResults and Analysis
5/7
The tool is an interactive one: when you mouse over, the information of each set
will be displayed. For example, when you mouse over to Diabetes in 2015,
it gives you the details of the disease rate and population (number of people
affected with the disease). This kind of tool will help World Health Organisation
(WHO) to promote more public health awareness programmes on a particular disease.

7. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Prototype Tool
Results and Analysis
ConclusionsConclusions
6/7
We have presented a general approach to generate Euler-time diagrams, which
represent set relationships over time. This general approach has helped us build a
D3 visualisation tool using Google tool kit by considering two levels: aggregation
and relationships. The work is at an early stage of development. Our intention
is to develop an efficient and effective Euler diagrams with timeline.
This prototype tool can be enhanced by considering gestalt principles, topological
properties, perceptual and cognitive theories which will help in analysing
and interpreting data efficiently.

8. 4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)
Introduction
Related Works
Proposed Approach
Experimental Details
Results and Analysis
ConclusionsReferences
7/7
1. M. Sathiyanarayanan, G. Stapleton, J. Burton, and J. Howse, “Properties of euler
diagrams and graphs in combination,” in Visual Languages and Human-Centric
Computing (VL/HCC), 2014 IEEE Symposium on, July 2014, pp. 217–218.
2. M. Sathiyanarayanan, “Drawing euler diagrams and graphs in combination,” in
The Theory and Application of Diagrams, 2014 8th International Conference on.
Diagrams Graduate Symposium, July 2014.
3. M. Sathiyanarayanan and N. Burlutskiy, “Design and evaluation of euler diagram
and treemap for social network visualisation,” in Communication Systems and
Networks (COMSNETS), 2015 7th International Conference on, Jan 2015.
4. M. Sathiyanarayanan and N. Burlutskkiy, “Visualizing social networks using a
treemap overlaid with a graph,” in Computer Vision and the Internet (VisionNet),
2015 2nd International Symposium on, Aug 2015.
5. M. Sathiyanarayanan and D. Pirozzi, “Spherule diagrams: A matrix-based set
visualization compared with euler diagrams,” in Green Computing and Internet of
Things (ICGCIoT), 2015 International Conference on, Oct 2015.

9. ?
Q and A?
4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)

10. ?
Q and A?
4th International Conference on Advanced Computing, Networking, and Informatics (ICACNI 2016)