<!-- 
.. link: 
.. description: 
.. tags: 
.. date: 2014/07/20 14:17:00
.. title: Plots
.. slug: plots
-->

Three kinds of plots are shown below. The first contains information about total
fixation duration on code elements, lines and whitespace-separated blocks in
each program. The color of each element/line/block represents the relative
amount of time all participants spent on it, with the minimum color being no
time and the maximum color being the highest duration for that program.

<img src="../assets/img/plots/colormap-duration.png" />

The second kind of plot is created in two stages. First, the sequence of
fixated areas of interest (lines and the output box where participants typed
their response) was codified into a scanpath -- e.g., [1, 2, 3, out] means that
line 1 was fixated followed by lines 2 and 3, and then finally the output box.
In the second stage, each scanpath was used to construct a transition matrix
from one AOI to another. In the plots below, matrix cells with a transition
probability less than 0.2 are not annotated (the cell's color, however, still
reflects the cell's value).

<img src="../assets/img/plots/transitions_counting_twospaces_incorrect.png" />

For the final plot kind, the transition matrix was interpreted as a graph
adjacency matrix, with the transition probabilities as edge weights. A spring
force layout of each graph is plotted, so that each AOI is close to its likely
successors in a scanpath. The [betweeness
centrality](http://networkx.lanl.gov/reference/generated/networkx.algorithms.centrality.betweenness_centrality.html#betweenness-centrality)
of each node informs its color; the minimum and maximum values are relative to
the individual graph.

<img src="../assets/img/plots/colormap-centrality.png" />

---

<h2>Table of Contents</h2>


[TOC]

---

## between

### functions

<img src="../assets/img/plots/super-between_functions.png" />

<img src="../assets/img/plots/transmatrix-between_functions.png" />

<img src="../assets/img/plots/transgraph-between_functions.png" />

### inline

<img src="../assets/img/plots/super-between_inline.png" />

<img src="../assets/img/plots/transmatrix-between_inline.png" />

<img src="../assets/img/plots/transgraph-between_inline.png" />

---

## counting

### nospace

<img src="../assets/img/plots/super-counting_nospace.png" />

<img src="../assets/img/plots/transmatrix-counting_nospace.png" />

<img src="../assets/img/plots/transgraph-counting_nospace.png" />

### twospaces

<img src="../assets/img/plots/super-counting_twospaces.png" />

<img src="../assets/img/plots/transmatrix-counting_twospaces.png" />

<img src="../assets/img/plots/transgraph-counting_twospaces.png" />

---

## funcall

### nospace

<img src="../assets/img/plots/super-funcall_nospace.png" />

<img src="../assets/img/plots/transmatrix-funcall_nospace.png" />

<img src="../assets/img/plots/transgraph-funcall_nospace.png" />

### space

<img src="../assets/img/plots/super-funcall_space.png" />

<img src="../assets/img/plots/transmatrix-funcall_space.png" />

<img src="../assets/img/plots/transgraph-funcall_space.png" />

### vars

<img src="../assets/img/plots/super-funcall_vars.png" />

<img src="../assets/img/plots/transmatrix-funcall_vars.png" />

<img src="../assets/img/plots/transgraph-funcall_vars.png" />

---

## initvar

### bothbad

<img src="../assets/img/plots/super-initvar_bothbad.png" />

<img src="../assets/img/plots/transmatrix-initvar_bothbad.png" />

<img src="../assets/img/plots/transgraph-initvar_bothbad.png" />

### good

<img src="../assets/img/plots/super-initvar_good.png" />

<img src="../assets/img/plots/transmatrix-initvar_good.png" />

<img src="../assets/img/plots/transgraph-initvar_good.png" />

### onebad

<img src="../assets/img/plots/super-initvar_onebad.png" />

<img src="../assets/img/plots/transmatrix-initvar_onebad.png" />

<img src="../assets/img/plots/transgraph-initvar_onebad.png" />

---

## order

### inorder

<img src="../assets/img/plots/super-order_inorder.png" />

<img src="../assets/img/plots/transmatrix-order_inorder.png" />

<img src="../assets/img/plots/transgraph-order_inorder.png" />

### shuffled

<img src="../assets/img/plots/super-order_shuffled.png" />

<img src="../assets/img/plots/transmatrix-order_shuffled.png" />

<img src="../assets/img/plots/transgraph-order_shuffled.png" />

---

## overload

### multmixed

<img src="../assets/img/plots/super-overload_multmixed.png" />

<img src="../assets/img/plots/transmatrix-overload_multmixed.png" />

<img src="../assets/img/plots/transgraph-overload_multmixed.png" />

### plusmixed

<img src="../assets/img/plots/super-overload_plusmixed.png" />

<img src="../assets/img/plots/transmatrix-overload_plusmixed.png" />

<img src="../assets/img/plots/transgraph-overload_plusmixed.png" />

### strings

<img src="../assets/img/plots/super-overload_strings.png" />

<img src="../assets/img/plots/transmatrix-overload_strings.png" />

<img src="../assets/img/plots/transgraph-overload_strings.png" />

---

## partition

### balanced

<img src="../assets/img/plots/super-partition_balanced.png" />

<img src="../assets/img/plots/transmatrix-partition_balanced.png" />

<img src="../assets/img/plots/transgraph-partition_balanced.png" />

### unbalanced

<img src="../assets/img/plots/super-partition_unbalanced.png" />

<img src="../assets/img/plots/transmatrix-partition_unbalanced.png" />

<img src="../assets/img/plots/transgraph-partition_unbalanced.png" />

### unbalanced_pivot

<img src="../assets/img/plots/super-partition_unbalanced_pivot.png" />

<img src="../assets/img/plots/transmatrix-partition_unbalanced_pivot.png" />

<img src="../assets/img/plots/transgraph-partition_unbalanced_pivot.png" />

---

## rectangle

### basic

<img src="../assets/img/plots/super-rectangle_basic.png" />

<img src="../assets/img/plots/transmatrix-rectangle_basic.png" />

<img src="../assets/img/plots/transgraph-rectangle_basic.png" />

### class

<img src="../assets/img/plots/super-rectangle_class.png" />

<img src="../assets/img/plots/transmatrix-rectangle_class.png" />

<img src="../assets/img/plots/transgraph-rectangle_class.png" />

### tuples

<img src="../assets/img/plots/super-rectangle_tuples.png" />

<img src="../assets/img/plots/transmatrix-rectangle_tuples.png" />

<img src="../assets/img/plots/transgraph-rectangle_tuples.png" />

---

## scope

### diffname

<img src="../assets/img/plots/super-scope_diffname.png" />

<img src="../assets/img/plots/transmatrix-scope_diffname.png" />

<img src="../assets/img/plots/transgraph-scope_diffname.png" />

### samename

<img src="../assets/img/plots/super-scope_samename.png" />

<img src="../assets/img/plots/transmatrix-scope_samename.png" />

<img src="../assets/img/plots/transgraph-scope_samename.png" />

---

## whitespace

### linedup

<img src="../assets/img/plots/super-whitespace_linedup.png" />

<img src="../assets/img/plots/transmatrix-whitespace_linedup.png" />

<img src="../assets/img/plots/transgraph-whitespace_linedup.png" />

### zigzag

<img src="../assets/img/plots/super-whitespace_zigzag.png" />

<img src="../assets/img/plots/transmatrix-whitespace_zigzag.png" />

<img src="../assets/img/plots/transgraph-whitespace_zigzag.png" />

