Software Visualization (EVO 2008)

Software visualization Tudor Gîrba www.tudorgirba.com

Software Visualization is the use of typography, graphic design, animation, and cinematography with human-computer interaction and computer graphics to facilitate both the human understanding and effective use of software. 3 Price etal. 199

Why visualization?

A picture is worth a thousand words. Ano nymous

1854, London, cholera epidemic

1946

We are vis ual beings

How many groups do you see?

lt prin ciples Gesta proximity similarity enclosure connectivity

lt principles More Gesta closure continuity

Iconic memory < 1 second very fast automatic subconscious preattentive

Iconic Short-term memory memory < 1 second couple of seconds very fast 3-9 chunks automatic subconscious preattentive

Orientation Line Length Line Width Size Shape Curvature Added Marks Enclosure

Line Length Line Width Size Shape Curvature Added Marks Enclosure

Line Width Size Shape Curvature Added Marks Enclosure

Size Shape Curvature Added Marks Enclosure

Shape Curvature Added Marks Enclosure

Curvature Added Marks Enclosure

Added Marks Enclosure

Enclosure

How many times does 5 appear? 8789364082376403128764532984732984732094873290845 389274-0329874-32874-23198475098340983409832409832 049823-0984903281453209481-0839393947896587436598

ternal input 7 0% o f all ex ough t he eye com es thr

it lite rally :) UM L took

Example: what is ?

What to visualize? How to visualize?

What to visualize?

What to visualize? Software structure

System Complexity shows class hierarchies Ducas se 2003 Lanza,

Polymetric views show up to 5 metrics Width metric Height metric Position metrics Color metric Lan za 2003

003 , Du casse 2 Lanza

Distribution Map shows properties over structure 6 casse etal 200 Du

Package Map shows who owns what classes 7 Gre evy 200

992 Shneid erman 1

What to visualize? Software structure Software relationships

Class Blueprint shows class internals Initialize Interface Internal Accessor Attribute invocation and access direction se, Lan za 2005 Ducas

Class Blueprint has a rich vocabulary internal access Access external Attribute access Invocation Regular Constant invocations Overriding Delegating lines Method Extending Setter Abstract Getter se, Lan za 2005 Ducas

se, Lan za 2005 Ducas

06 Holten 20

Hierarchical edge bundles clarify dependencies 6 Hol ten 200

08 Holten 20

Correlation Matrix reveals correlations user, run, load, message, ﬁle, buffer, util property, AWT, edit, show, update, sp, set start, buffer, end, text, length, line, count action, box, component, event, button, layout, GUI start, length, integer, end, number, pre, count XML, dispatch, microstar, reader, XE, register, receive current, buffer, idx, review, archive, endr, TAR BSH, simple, invocation, assign, untype, general, arbitrary maximum, label, link, item, code, put, vector Kuhn e tal 2006

Arc diagrams show duplications 00 2 Watte nberg 2

What to visualize? Software structure Software relationships Metaphors

Software Map reveals software geography 8 Kuhn etal 200

CodeCity reveals where software lives 7 We ttel 200

0 8 Wettel 20

What to visualize? Software structure Software relationships Metaphors Interaction

Softwarenaut discovers architecture tal 2006 Lungu e

What to visualize? How to visualize?

nderst anding t guara ntee u ation does no V isualiz

Minimize non-data ink Tuf te, 1990

Excel 2004 default

Excel 2004 default Excel 2004 default + 6 actions

6 casse etal 200 Du

Maximize data ink Tuf te, 1990

InfoBug is cute and condensed 00 6 Chuah , Eick, 2

s a la ngu age provide visual ization Each learnt s to be th at need

System Complexity 1 node type 1 edge type 3 metrics Class Blueprint 3 node types 2 edge types 3 metrics 8 properties

A small experiment

1, 13, 27, 4, 96

What were the numbers?

Easy!

What’s the last advertisement you saw?

Not so easy!

s a la ngu age provide visual ization Each learnt s to be th at need

tion is a rt, too V isualiza

Tudor Gîrba www.tudorgirba.com creativecommons.org/licenses/by/3.0/

Software Visualization (EVO 2008)

0 comments

Notes on slide 1

2 Favorites