// svg code for your icons
var green_triangle = `<svg height="30" width="30">
  <polygon points="15,0 30,30 0,30" style="fill:lime;" />
</svg>`

var red_triangle = `<svg height="30" width="30">
  <polygon points="15,30 0,0 30,0" style="fill:coral;" />
</svg>`

var blue_triangles = `<svg height="30" width="30">
  <polygon points="0,15 14,27 14,3" style="fill:mediumblue;" />
  <polygon points="16,27 30,15 16,3" style="fill:mediumblue;" />
</svg>`

// set icon var by attribute
var icon = Decode($datapoint['Stable5'],
    'Stabilizing', green_triangle,
    'Destabilizing', red_triangle,
    'Unchanged',blue_triangles,
    '',
)

// set icon var by attribute
var icon1 = Decode($datapoint['Stable6'],
    'Stabilizing', green_triangle,
    'Destabilizing', red_triangle,
    'Unchanged',blue_triangles,
    '',
)

// set icon var by attribute
var icon2 = Decode($datapoint['Stable7'],
    'Stabilizing', green_triangle,
    'Destabilizing', red_triangle,
    'Unchanged',blue_triangles,
    '',
)

return {
  textColor: '',
  backgroundColor: '',
  separatorColor:'',
  selectionColor: '',
  selectionTextColor: '',
   attributes: {
     attribute1: icon,
     attribute2: icon1,
     attribute3: icon2,
   }
}