AbsInt Logoai Logo

GDL: Colors

Prev. (Shapes) Next (Arrows) Index Sitemap home

slide

Colors

  • Node

    color: color entry
    textcolor: color entry
    bordercolor: color entry
    
  • Edge

    color: color entry
  • Graph background

    color: color entry
  • Color entries

    • color name or
    • color index number

slide

Color Names and Indices


white    0      darkblue     8      lightblue    16      aquamarine  24
blue     1      darkred      9      lightred     17      khaki       25
red      2      darkgreen   10      lightgreen   18      purple      26
green    3      darkyellow  11      lightyellow  19      yellowgreen 27
yellow   4      darkmagenta 12      lightmagenta 20      pink        28
magenta  5      darkcyan    13      lightcyan    21      orange      29
cyan     6      gold        14      lilac        22      orchid      30
darkgrey 7      lightgrey   15      turquoise    23      black       31

If any of the names in the above table appear rather unreadable due to
their color, try clicking on 'Select All' in the 'Edit' menu of the browser.

slide

Custom Colors

  • A custom color is specified by

    colorentry index: red value  green value  blue value
  • Color values are arrays [0, ..., 255] of integer

  • Examples

    colorentry 35: 210 218 255  // alice blue
    colorentry 42: 205  92  92  // indian red
    colorentry 78:  46 139  87  // sea green

example

Example


graph: { color: lightyellow

         colorentry 32: 0 0 128

node: {title: "aiSee"  shape: trapeze  color: lightblue  bordercolor: blue}

node: {title: " GDL "  shape:rparallelogram linestyle:dotted color:16 bordercolor:1}

node: {title: "AbsInt" shape: circle  color: darkred  textcolor: 0  bordercolor: red}


edge: {source: "AbsInt"  target: "aiSee"  color: 32}

edge: {source: "AbsInt"  target: " GDL "  color: 32  linestyle: dotted}

       }

aiSee!!

Hints

  • A custom color must be specified before it can be used:

    graph: {
       node: {title:"Sense of Life" color:42}  // this won't work
       colorentry 42: 42 42 42
           }
    
  • If multiple specifications compete, the last one applies:

    graph: {
       colorentry 42: 255   0   0   // 42 = red
       node: {title:"??" color:42}  // the node is blue
       colorentry 42:   0 255   0   // 42 = green
       colorentry 42:   0   0 255   // 42 = blue
       node: {title:"!!" color:42}  // the node is blue
           }
    
  • The default colors can be overwritten:

    graph: {
       node: { title:"oops" color: red } // the node is blue
       colorentry 02:   0   0 255        // red = blue
       colorentry 01: 174 218 255        // blue = my favorite blue
       node: { title:"uups" color: red } // the node is blue
       node: { title:"I hate these ugly default colors" color: blue}
                                         // the node is my favorite blue
           }
    
  • ASCII control characters can be used

    in order to influence the text color of a node,
    an edge label or an information window

  • aiSee supports the following alternative notations:

    darkgray  // instead of darkgrey
    lightgray // instead of lightgrey
    

top Prev. (Shapes) Next (Arrows) Sitemap home


Please send any suggestions, comments or questions to webmaster@absint.com or use our feedback page.
Contents and Webdesign © Copyright 2000 & 2001 by AbsInt Angewandte Informatik GmbH.
This page was last modified on 11th of May 2001. This page URL is http://www.absint.com/aisee/gdl/guide/colors.htm