Featured visualizators

From Impure Wiki

Network2D

This visualizator is a flexible tool to visually represent many aspects of a network. The main and only required input for this module is a Network data structure. There are, however, several other optional inlets that offer many possibilities to customize and adapt the visualization to specific needs.

You can, for example, choose to show arrows in oriented graphs, either in the middle or at the front end of the connecting lines. You can control the minimum and maximum size of circles representing nodes, or width of lines representing links, if nodes or relations weights are relevant for your network. If you are working with more than one link between any given pair of nodes, you can enable the 'multilink' mode to see all of them without superposition as curved arrows.

There is also a convenience inlet to pass node positions as a separate Polygon2D (a List of Points). When set, these will override the 'position' property of nodes in the network.

This module is often used in conjunction with ForcesOnNetwork2, which creates a spring system from any network to get a dynamic distribution of nodes in space that tends to reveal the hidden structure of the network and make evident clusters of greater connectivity and peripheral zones. Feed your network into ForcesOnNetwork2, and the output from it into NetworkVisualizationPersistent to easily obtain a view of a network that makes the most sense for us humans.

For an example of this combination in action, take a look at the Visualizing your Twitter network tutorial.

CirclesTagCloud

When you have a list of words with weights associated to each of them, it is effective to visualize them as circles with an area proportional to the weight. That's precisely what CirclesTagCloud does for you.

It takes two required inputs: a StringList containing the words, and a NumberList containing the associated weights. You can also optionally pass a ColorList to visually enrich your representation or encode other associated variable.

There are in Impure not just one, but two flavors available of this visualizator. They are oriented at different needs. CirclesTagCloud is perfect for visualizing static tag clouds whose weights remain fixed. But for more dynamic situations, there is also CircleTagClouds2. This module will dynamically adapt to changes in word weights, and additions or deletions to the words list, and will always seek the best possible packing of the circles after each modification. It will also let you drag words around to arrange them in a way that makes the most sense for you.

Both visualizators can also be used as controls to select one or more words from the list.

For a typical use case of this visualizator, you might want to see the Perception study on the Internet tutorial.

HTMLVisualizator

This module allows to freely compose text with the possibility of displaying dynamic values. It interprets HTML (only the same tags actionscript interprets) and also what we call fastHTML, which is a set of shortcuts that facilitates (and makes shorter) HTML tagging.

This is the key to fastHTML to HTML conversion:

<font size="14"> ► <fs14>
<font face="Arial"> ► <ffArial>
<font color="#FF0000"> ► <fcFF0000>
                        ►  <frgb255.0.0>
                        ►  <fcuint16711680>
 
<font color="#000000"> ► <fcBlack>
<font color="#FFFFFF"> ► <fcWhite>
<font color="#FF0000"> ► <fcRed>
<font color="#00FF00"> ► <fcGreen>
<font color="#0000FF"> ► <fcBlue>
 
</font> ► </f>
 
<textformat leftmargin="60"> ► <tl60>
<textformat leading="20"> ► <tv20>
 
</textformat> ► </t>
 
 
 
<p align="left"> ► <pl>
<p align="center"> ► <pc>
<p align="rigth"> ► <pr>
<p align="justify"> ► <pj>
</p>
 
<u><a href='http://www.bestiario.org' target='_blank'>Bestiario</a></u> ► <ehttp://www.bestiario.org*bestiario>
<u><a href='http://www.bestiario.org' target='_self'>Bestiario</a></u> ► <ehttp://www.bestiario.org*bestiario*s>
 
 
And this are the other interpretable HTML tags (they are short enough):
 
<img src="">
<b></b>
<u></u>
<i></i>
<br>

This visualizator is quite useful for layout purposes.

As you can notice the only mentioned tag that is not part of HTML standard tags is <textformat>. The reason is that in ActionScript it is possible to be used combined with built-in HTML tags , and therefore you can use it (or its shorter version) on HTMLVisualizator. You can check more details on this here.