Skip to main content
B
benm0009
June 17, 2024
Question

How to display risk on a spectrum low to high?

  • June 17, 2024
  • 8 replies
  • 0 views

I'm looking for a component that can help me display a result on a "spectrum" of risk from low to high.


For example, the risk spectrum is 0-100 where 0-33 = LOW, 34-66 MODERATE, and 67-100 HIGH

If the underlying data results in 45, I want to be able to display that on a dashboard that indicates that that is a MODERATE result - would love for it to be displayed/overlaid atop the spectrum for context but can't seem to find a good, common, pattern for this.

Thanks!

8 replies

stewart.burchell
stewart.burchell
June 17, 2024

If you're ok with using plug-ins there's a nice selection from Vuram in the AppMarket including this example: 

B
benm0009Author
June 17, 2024

Thanks Stewart, I should have included that detail... trying to avoid using a Plug-in (got to love restrictive InfoSec red tape) you've highlighted what I've been running into - several great gauges, sliders, in the AppMarket.

stewart.burchell
stewart.burchell
June 17, 2024

Ah, ok, so it's not as intuitive but you can add reference lines onto column/bar charts (depends if you want the bar to be vertical/horizontal), have the reference lines as the thresholds you describe and the colour your column/bar red/amber/green as appropriate...that's one suggestion...I'll see if there's anything else a bit more intuitive

D
daiw
June 17, 2024

Have a look at the KPI components ...

https://docs.appian.com/suite/help/24.2/kpis-pattern.html

It has been updated in the latest version (24.2) but provides a good out of the box way of handling things like this. I use it a lot!

You can customise it dependent on the nature of the data and also add extra context to help the user. Customisation can include colour schemes and wording dependent on where the number lands in the spectrum. 

N
normanc
June 18, 2024

Progress bar field

a!forEach(
  items: { 30, 60, 90 },
  expression: a!progressBarField(
    percentage: fv!item,
    style: "THICK",
    color: a!match(
      value: fv!item,
      whenTrue: fv!value <= 33,
      then: "#FFFF44",
      whenTrue: fv!value >= 67,
      then: "#FF4444",
      default: "#44FF44"
    )
  )
)

pedrob2551
pedrob2551
June 26, 2024

Research KPI, if I'm not mistaken there is a component now (not sure though) but if you navigate to the pattern tab in the interface page there are a lot of KPI examples you can copy or mimic

Terms & ConditionsAccessibility statement