BarGraph

UI Object that displays a bar graph based on the output from a module.

the bargraph object
Example BarGraph Object

Example XML definition

<object
   class="BarGraph" 
   module="MY_MODULE" 
   source="MY_OUTPUT" 
   x="0" 
   y="0"
/>

Attributes

Attribute Description Default
class must be "BarGraph"  
title title of the object module.source
x placement of the object  
y placement of the object  
w width of the object 1
h height of the object 1
module name of the module to be visualized  
source name of the output to be visualized  
min minimum value; used to scale the bars 0
max maximum value; used to scale the bars 1
color stroke color of the bars or color list "yellow"
fill fill color of the bars or color list "#4b4b17"
positive_color stroke color of the bars with positive values color
positive_fill fill color of the bars with positive values fill
negative_color stroke color of the bars with negative values color
negative_fill fill color of the bars with negative values fill
Attributes without default values must be specified.

The colors can be specified as a single color name ("red") or as a hexadecimal color value ("#F00" or "#FF0000"). It is also possible to list colors that are used for each consequtive bar ("red, greed, blue"). Alternatively, a color look up table can be specified, e. g. "LUT_gray", "LUT_fire", or LUT_spectrum". Color tables can not be combined with color names.

Author

Christian Balkenius
Lund University Cognitive Science
christian.balkenius@lucs.lu.se

Files

BarGraph.js