Using internal or external icons

Internal icons

Graphlytic contains several icons for direct use in style mappers (when mapperType="discrete", group="nodes" and styleProperty="background_image"). In order to use internal icons you construct internal URL which contains prefix "icon/" and the name of icon you want to use. Name of icon consists of the name of icon shape and icon color concatenated with underscore ("_") and suffix ".png". Examples of an internal URL: "icon/app_1_blue.png" or "icon/user_1_red.png".

See image with all internal icons and examples below for more information.

Internal icons listing

Example of style mapper with internal icons:

{
"id":"iconMapper_1",
"title":"Icon by type",
"group":"nodes",
"mapperType":"discrete",
"property":"TYPE",
"styleProperty":"background_image",
"mapping":{
"TYPE_1":"icon/monitor_1_blueLight.png",
"TYPE_2":"icon/virtual_1_red.png",
"_notMapped_":"icon/unknown_1_blueLight.png",
"_undefined_":"icon/unknown_1_blueLight.png"
}
}

External icons

If you want to use other than internal icons in style mappers you can do it by:

  • uploading icons into icons directory in Graphlytic (jpg, png, gif) - see Installation manual, e.g. Win: Icons for Windows

  • usem them in mappers by referencing them as "icons/name_of_my_icon.png"

Example of style mapper with external icons:

{
"id":"iconMapper_1",
"title":"Icon by type",
"group":"nodes",
"mapperType":"discrete",
"property":"TYPE",
"styleProperty":"background_image",
"mapping":{
"TYPE_1":"icons/my_icon.png",
"TYPE_2":"icons/my_other_icon.png",
"_notMapped_":"icon/unknown_1_blueLight.png",
"_undefined_":"icon/unknown_1_blueLight.png"
}
}