Representation of links in a network

As shown in the following figures, links can be represented in various colors and line types, depending on the state they are in. Links can show an icon representing their secondary state or have a label. They can also be displayed with an information cluster showing associated alarms. For a reference list of link states, see Graphical representation of SONET primary states and Graphical representation of SONET secondary states.
These display modes apply to all kinds of link. Link representations can also display the link physical medium (see Link media), its networking technology (see Link technology), its orientation (see Oriented links), or whether this link is linked to itself (see Self-links).
fig1.png
Links disabled, inactive, and active states
fig2.png
Link with status icons
fig323.gif
Link with label
fig4.png
Links showing media attribute
fig5.png
Links showing technology attribute
Generally, the label appears at the center of the link. When the link displays additional information, such as the media icon or alarms, the label is moved either below that information or to the right of it.
linkplus.gif
Link with alarm cluster

Link media

The link media is represented with an icon that appears at its center. The following table lists the predefined media icons.
Link media representation
Link Media
Represetation
Media Name
Communication network
cnet.gif
CNET
Fiber
fiber2.gif
Fiber
Electrical
electric3.gif
Electrical
You can extend this small set of predefined link media using a dedicated API, which is detailed in Customizing link media in the Styling documentation.

Link technology

The link technology is represented by an icon in the center of the link, and a corresponding base color. The following table lists the predefined technology icons and colors.
Link technology representation
Link Technology
Representation
Technology
Technology Name
Circuit switching
tech_circuitswitching4.gif
Switching
CircuitSwitching
ATM/Frame Relay
tech_atmframerelay5.gif
Switching
ATM_FrameRelay
Wireless Edge
tech_wirelessedge6.gif
Edge
WirelessEdge
IP
tech_ip.png
IP
IP
SONET/SDH
tech_sonetsdh.png
Transport
SONET_SDH
DWDM Optical
tech_dwdmoptical.png
Transport
DWDM_Optical
Multi Layer
tech_multilayer.png
Multiple
MultiLayer
Other
tech_other.png
Unknown
Other
As this table implies, the default representation uses icons to identify link technologies graphically and colors to group similar technologies together. You can extend this small set of predefined link technologies through the dedicated API or CSS, see Customizing links. Note also that the link technology color is overridden by the primary state color defined by the link object state.

Oriented links

Oriented links provide a representation for links with an arrow at one end or at both.
onearrow.gif
Link with an arrow
twoarrows.gif
Link with two arrows
The presence or absence of arrows, as well as their graphical characteristics are driven by dedicated CSS properties. (See table CSS properties applying to arrows on link base elementsĀ  in the Styling documentation.) By default, no arrow is displayed except in the case of links that have an object state of type IltBiSONETObjectState. These links have arrows at both ends with predefined graphical characteristics. For a reference list of the common double SONET states, see Common pairs of SONET primary statesĀ .

Self-links

A self-link has both ends connected to the same network element.
selflink29.gif
Self-link
In a self-link, the origin and the destination are the same. See Link programming examples for an example on how to create a self-link.
For information on how to customize the graphic representation of links, refer to Customizing links.