# Interactive Wordles


## What is this?

## How to use it?

### Modifying the layout arbitrarily

By default, the layout can arbitrarily be modified by dragging the words around. !The user can also select multiple words by holding down the left mouse button and dragging a rectangle around the words. The selected words can then be moved around as a group.!

### Modifying the layout based on different metrics

You can also modify the layout with the thought of improving certain metrics in mind. Therefore, the tool provides tools to guide the user in ways how metrics can be improved. The guides for a certain metric can be enabled by their respective checkboxes in the UI. You can then move the words around to improve the metric. The metrics are described in more detail below.

#### Compactness

Compactness describes the ratio of the area of the bounding box of the wordle to the effectively used area within the bounding box. The higher the compactness, the more the wordle is packed together. The lower the compactness, the more the wordle is spread out.

This metric can be improved by moving words adjacent to the bounding box to a spot that is closer to the center of the bounding box. Therefore, enabling the "Compactness" mode will highlight all words adjacent to the bounding box and show the bounding box itself. 

#### Realized Weighted Adjacencies

Realized Weighted Adjacencies are measured by summing up all similarity values of edges that are realized and dividing by the total sum of all similarity values between words. An edge is considered as being realized, if the two words are close enough to each other. The higher the value, the more edges are realized.

By enabling the "Adjacencies" mode, by default the edges that are realized are highlighted in green. Additionally, the top 10 non-realized edges are highlighted in red. The user can then move the words to improve the metric. By right-clicking on a word, one can switch to a more local view, where all of the unrealized neighbors of the word are highlighted in red.

#### Distortion

Distortion in our case is defined by the correlation coefficient between the dissimilarities of the words vs. their distance in the layout.

Enabling the "Distortion" mode by default will highlight words in purple which have the highest discrepancy regarding the distances to their neighbors vs. the similarity values. When a word is right-clicked however, in the background we display a heatmap showing the best spots of this single word regarding the distortion.



# Random Comments

- The adjacencies mode affects the color and thickness of the edges
- The distortion mode affects the color of the words
- The compactness mode affects the stroke of the words
