Circle
UI Object that displays one or several circles. This object is typically used as an overlay for an image.
If no data source is specified, a single circle will be drawn in the center of the frame. If a data source is defined it will be used to set the center of one or several circles. The positions must be between 0 and 1.
The different circles can be given different colors by specifying a list of colors or a color table for the color attribute.
Example Circle Views
Example XML definition
<object
class="Circle"
module="MY_MODULE"
source="MY_OUTPUT"
x="0"
y="0"
/>
Attributes
| Attribute | Description | Default |
|---|---|---|
| class | must be "Circle" | |
| 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 | |
| length_module | module with length data | module |
| length_source | source with length data indicating the number of valid rows in the source | |
| order | format of the data (row, col) | col |
| select | select the first column in the source matrix to use; if not set, the whole matrix will be used | 0 |
| select_size | select the column in the source matrix to use for the size of the circles; if not set, the size attribute will be used | |
| scale_size | is select_size is set, the size of each circle will be scaled with this value | 1 |
| min | minimum value | 0 |
| max | maximum value | 1 |
| min_x | minimum value for x | min |
| max_x | maximum value for x | max |
| min_y | minimum value for y | min |
| max_y | maximum value for y | max |
| flip_x_axis | flip the coordinate system (yes, no) | "no" |
| flip_y_axis | flip the coordinate system (yes, no) | "no" |
| color* | color of the lines or color list | "yelow" |
| fill* | color for filling or color list | "none" |
| line_width* | line width in pixels | 1 |
| line_dash* | line dash pattern (see HTML 5 canvas) | [] |
* For these attributes, an array can be supplied instead of a single value. Each line will pick the next value from the array, for example "red, green" will color every other line red and the others green.
Author
Christian Balkenius
Lund University Cognitive Science
christian.balkenius@lucs.lu.se
Files
Circle.js