How do I work with the colour control (colour options: fixed; dimension; measure and passthrough; named colours))

  • Extra colour palettes can be added to OrgVue for dimension/measure based colouring
  • Passthrough can also be achieved by defining the colour mappings in a lookup dataset
  • (It is also possible to use lookups for colouration - see here - but otherwise that is out of scope for this article)

 

There are four options in the colour control - fixed; dimension; measure and passthrough.

Colour option

Description

Fixed

Apply a single colour across all nodes, either by selecting from a palette or typing in a hexadecimal code

Dimension

Select a property and each node will be coloured depending on what value it has/ what bin it is in

Measure

Passthrough

Manually allocate each node / value to a colour using a property within the dataset

 

Colouring by a dimension

  • You can choose the colours by selecting one of the pre-set OrgVue palettes
  • Each value in that property will be given a colour, as shown under the colour tab in the side panel
  • You can hover over any colour square to highlight those nodes in the tree
  • You can Drag and drop nodes from the colour control as you would from the filter
  • View a summary of the colours in each palette by typing into the Expressions pane

 

dynamicsprite(colorPalette())

 



Colour by a Measure

  • Colouring by a measure allows you to allocate colours to each bin of values
  • Clicking on one of the 3 highlighted squares allows you to set its colour (pick from the palette or use a hex code (To convert colour codes from RGB into HEX you can use a website translator e.g. http://www.colorschemer.com/colorpix_info.php)
  • Swap colours to easily accommodate properties where higher values are good/bad
  • Each colour shade in the gradient will correspond to the bins set up in the edit property dialogue

 

 

 Colour by Passthrough

  1. Create a new property in the dataset that will store the colour code for each node e.g. “Colour”, “Palette”…
  2. In that property, enter the colour you want to be applied to each node – this can be done using plain English (e.g. “blue”), single letter abbreviation (e.g. “b”) or hexadecimal format (e.g. “#4169E1”)
  3. Open the colour control, click “passthrough” and select the property you created.

Your defined colours will now be applied to all nodes in the dataset

Addendum - Named Colours

OrgVue support a number of named colours.  For the complete list of available named colours, copy the expression below and paste it into the Expression Manager section of your open dataset.  The result of the expression will show the full range of available named colours:

var sz = 16;
dynamicsprite(array(namedColors().items).flatMap((c,i)=>([
{shapes: "Rect", fill: c.color, y: i*(sz*1.2), height: sz, width: sz}, 
{shapes: "Label", text: c.name, y: i*(sz*1.2)+sz/2, x: 20},
{shapes: "Label", text: c.color, y: i*(sz*1.2)+sz/2, x: 140}
])).to_a)

 

 

This article was authored by Ben Marshall of the OrgVue Consulting Team

 

 

Have more questions? Submit a request

Comments