Visualizing System

Architectures with Time Series

and Event Metadata

Master’s Thesis , second presentation

Ante Dilber
o.Univ.-Prof. Dr. Dr.h.c.Hanspeter Mössenböck
 Overview

• Visualizing system topology with graph plot.

• Create filters for manipulating the data.
• Visualize complex data
• Make the data scalable

2
Current app state

3
 Challenges

Perfomance Data complexity

Rendering a topology with Complex data must also be

thousands of elements is not so presented in a symple
trivial. understandable way.

Filtering
Layout
A lot of different data comes
The layout can get pretty
with a lot of possibillities to
messy when there are a lot of
change and manipulate that
connected nodes.
data.
4
 Perfomance

First idea was to use Highchart objects for Instead of using objects , I created the graph plot
representing the plot in the topology. myself with SVG element.

5
 Data complexity

A node can have data coming from

A host node can have more then one element
more then one database table.
of the same type contected to it.
6
 Layout
Solution for the layout problem are force directed algorithms.

Repulsion Barnes Hut Force atlas

7
 Filtering

Databases

Nodes