Example ImageMap response:
<MAP name="tree-imagemap">
<!-- Area representing a batch -->
<AREA shape="rect" id="BatchId%5BID%3Dpro_003%2C+gan%3D0800000015000019%5D" coords="18,93,40,115"
href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=BatchId%5BID%3Dpro_003%2C+gan%3D0800000015000019%5D&type=batch&key=jwGMFo&focusLocalId=pro_003&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400"
data-localid="pro_003" data-node="0800000015000019"
data-epc="pro_003"
data-process="upstream"
alt="Production: pro_003"
title="Production: pro_003"/>
 
<!-- Area representing a trade unit. -->
<AREA shape="poly"
id="TradeUnitId%5BID%3D%2801%29040303000001%2810%29pro_003pro_004%2821%290001%2C+global%3Dyes%2C+gan%3D0800000015000019%5D"
coords="61,161,68,149,82,149,89,161,82,173,68,173,61,161"
href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=TradeUnitId%5BID%3D%2801%29040303000001%2810%29pro_003pro_004%2821%290001%2C+global%3Dyes%2C+gan%3D0800000015000019%5D&type=batch&key=jwGMFo&focusLocalId=%2801%29040303000001%2810%29pro_003pro_004%2821%290001&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400"
data-localid="%2801%29040303000001%2810%29pro_003pro_004%2821%290001" data-node="0800000015000019"
data-epc="(01)040303000001(10)pro_003pro_004(21)0001"
alt="Feed additive: (01)040303000001(10)pro_003pro_004(21)0001"
title="Feed additive: (01)040303000001(10)pro_003pro_004(21)0001"/>
 
 
<!-- Area representing a stacked group of trade units. -->
<AREA shape="poly"
id="GroupId%5Bid%3DTradeUnitId%5BID%3D%2801%29070306400001%2810%29Prod_1%2821%290002%2C+global%3Dyes%2C+gan%3D0800000024000011%5D%5D"
coords="306,179,313,167,327,167,334,179,327,191,313,191,306,179"
href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=GroupId%5Bid%3DTradeUnitId%5BID%3D%2801%29070306400001%2810%29Prod_1%2821%290002%2C+global%3Dyes%2C+gan%3D0800000024000011%5D%5D&type=batch&key=jwGMFo&focusLocalId=%2801%29070306400001%2810%29Prod_1%2821%290002%2C+%2801%29070306400001%2810%29Prod_1%2821%290003%2C+%2801%29070306400001%2810%29Prod_1%2821%290004%2C+%2801%29070306400001%2810%29Prod_1%2821%290005%2C+%2801%29070306400002%2810%29Prod_7%2821%290061%2C+%2801%29070306400002%2810%29Prod_7%2821%290062%2C+%2801%29070306400002%2810%29Prod_7%2821%290063%2C+%2801%29070306400002%2810%29Prod_7%2821%290064%2C+%2801%29070306400002%2810%29Prod_7%2821%290065&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400"
data-localid="%2801%29070306400001%2810%29Prod_1%2821%290002%2C+%2801%29070306400001%2810%29Prod_1%2821%290003%2C+%2801%29070306400001%2810%29Prod_1%2821%290004%2C+%2801%29070306400001%2810%29Prod_1%2821%290005%2C+%2801%29070306400002%2810%29Prod_7%2821%290061%2C+%2801%29070306400002%2810%29Prod_7%2821%290062%2C+%2801%29070306400002%2810%29Prod_7%2821%290063%2C+%2801%29070306400002%2810%29Prod_7%2821%290064%2C+%2801%29070306400002%2810%29Prod_7%2821%290065"
data-node="0800000024000011"
data-epc="(01)070306400001(10)Prod_1(21)0002, (01)070306400001(10)Prod_1(21)0003, (01)070306400001(10)Prod_1(21)0004, (01)070306400001(10)Prod_1(21)0005, (01)070306400002(10)Prod_7(21)0061, (01)070306400002(10)Prod_7(21)0062, (01)070306400002(10)Prod_7(21)0063, (01)070306400002(10)Prod_7(21)0064, (01)070306400002(10)Prod_7(21)0065"
alt="Product: (01)070306400001(10)Prod_1(21)0002, (01)070306400001(10)Prod_1(21)0003, (01)070306400001(10)Prod_1(21)0004, (01)070306400001(10)Prod_1(21)0005, (01)070306400002(10)Prod_7(21)0061, (01)070306400002(10)Prod_7(21)0062, (01)070306400002(10)Prod_7(21)0063, (01)070306400002(10)Prod_7(21)0064, (01)070306400002(10)Prod_7(21)0065"
title="Product: (01)070306400001(10)Prod_1(21)0002, (01)070306400001(10)Prod_1(21)0003, (01)070306400001(10)Prod_1(21)0004, (01)070306400001(10)Prod_1(21)0005, (01)070306400002(10)Prod_7(21)0061, (01)070306400002(10)Prod_7(21)0062, (01)070306400002(10)Prod_7(21)0063, (01)070306400002(10)Prod_7(21)0064, (01)070306400002(10)Prod_7(21)0065"/>
<!-- Area representing a TIX Node -->
<AREA shape="rect" id="GAN%5B0800000033000013%5D"
coords="369,35,587,361"
href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=GAN%5B0800000033000013%5D&type=batch&key=jwGMFo&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400"
data-node="0800000033000013"
data-process="downstream"
alt="Fish Producer: Development Fish GAN"
title="Fish Producer: Development Fish GAN"/>
</MAP>

Attribute

Description

shape

poly or rect. Specifies the shape of the clickable area.

coords

Coordinates of the clickable area.

id

Urlescaped string representing the object identity.

href

A reference to the same ImageMap request but with the selected area as the new focus

alt/title

Mouseover-text. Type if available, and localId.

data-node

NodeId of the TIX that owns the data represented by this graph element.

data-localid

Urlescaped localId. For graph elements representing groups, this will be a comma separated list of localIds.

 

data-epc

Same as data-localid but not urlescaped.

data-process

With values either downstream or upstream, represents the relative position of an item from the origin in the graph perspective