Styling the visualization

Elements' style in the visualization can be wired to elements' data with Style Mappers - objects that define the transition from data to visual style using "discrete" or "linear" mapping rules.

Discrete mapper

With discrete mapping you can set separate style value for each data value, e.g. "Rack" is blue, "Server" is green etc.

images/download/attachments/16745387/gl_discrete_mapper.jpg

images/download/thumbnails/16745377/red_1.png Select saved mapper

  • Available mapper can be applied to visualization simply by choosing the mapper from this dropdown menu.

images/download/thumbnails/16745377/red_2.png Change mapper configuration

  • Open or close the mapper configuration interface.

images/download/thumbnails/16745311/red_3.png Select property

  • Select which property should be used to create mapping rules.

  • Every mapper is wired to exactly one property (either DB property or virtual property). If you need to construct more advanced rules for mapping please create a virtual property with the desired logic so you can use this virtual property in discrete or linear mapper.

images/download/thumbnails/16745311/red_4.png Select Mapper type

  • Choose if you want to create discrete or linear mapping rules.

  • Linear mapper type is available only if the data is numerical.

images/download/thumbnails/16745311/red_5.png Discrete mapper rules

  • Discrete mapper rules are created 1 by 1 for every data value you want to express as separate style value.

  • New mapping rule can be added with the "Add mapping" button.

  • All elements that don't have the property defined can be styled with the "Undefined value" rule.

  • All elements that have the property defined but it isn't necessary to style them separatelly can be styled with the "Other values" rule.

  • When you select a property with the property selector (see point 3) the first few values are automatically mapped.

images/download/thumbnails/16745311/red_6.png Apply mapping rules

  • When all rules are created you can apply the style change with the "Apply" button.

  • This button only applies the changes to the visualization but the mapper itself is not saved.

images/download/thumbnails/16745311/red_7.png Save mapper

  • When you want a particular mapper setting saved for later use you can use the "Save" button.

  • Only user created mappers can be saved. When the "Save" button is disabled it means that the mapper was globally defined and can not be overwritten. Use "Save as" from "Manage" menu to save global mapper as one of your own mappers.

images/download/thumbnails/16745311/red_8.png Manage menu

  • In this menu you can perform: "Save as", "Rename" and "Delete" operations on mappers.

Discrete mapper configuration example

This example shows how to create a discrete mapper for background color based on the property "Subtype":

  • open background color mapper configuration

  • choose the "Subtype" property from dropdown menu

  • click "Apply" to see the effect of automatically created mapping rules

  • remove mapping rule for the "Service" value and change the style values for "Other values" and "Undefined value" to see that all "Service" nodes are styled as "Other values" (click "Apply" to see the changes)

  • add new mapping rule for "Service", choose red color for this value and apply changes with "Apply" button

  • save created mapper with Manage > Save as

  • close mapper configuration interface and try applying different mappers from dropdown menu

images/download/attachments/16745387/Graphlytic_-_Discrete_mapper_01.gif

Linear mapper

With linear mapping you can set two reference points which are used to calculate style values for elements using interpolation. These points can be set manually or you can use the "Auto" threshold which will use the maximum or minimum from actual data in visualization.

images/download/attachments/16745387/gl_linear_mapper.jpg

All parts of linear mapper configuration interface are the same as for discrete mapper except the rules part:

images/download/thumbnails/16745387/red_9.png Linear mapper rules

  • Choose style values for min and max reference points.

  • Choose style value for undefined value (for elements that don't have the mapper's property defined).

  • Set Threshold values for minimum or maximum or set "Auto" threshold when you want automatically use the min and max values from data in visualization.

    • Every data value that is greater than the max threshold will have the style value associated with the max value.

    • Every data value that is lower than the min threshold will have the style value associated with the min value.

    • Every data value between the max and min threshold will have the style value calculated as linear interpolation of min and max values.

Linear mapper configuration example

This example shows how to create a linear mapper for background color based on the property "Incidents":

  • open background color mapper configuration

  • choose the "Incidents" property from dropdown menu

  • click "Apply" to see the effect of automatically created mapping rules

  • change colors for "Minimum", "Maximum", "Undefined value" and click "Apply" to see the changes

  • change the "Minimum" threshold from automatic to 400 and click "Apply" to use the linear mapping only for values greater than 400

  • save created mapper with Manage > Save as

  • close mapper configuration interface and try applying different mappers from dropdown menu

images/download/attachments/16745387/Graphlytic_-_Linear_mapper_01.gif