<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>How to display risk on a spectrum low to high?</title><link>https://community.appian.com/discussions/f/user-interface/35255/how-to-display-risk-on-a-spectrum-low-to-high</link><description>I&amp;#39;m looking for a component that can help me display a result on a &amp;quot;spectrum&amp;quot; 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</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/137279?ContentTypeID=1</link><pubDate>Wed, 26 Jun 2024 13:45:36 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:81b40243-015b-42fd-aaa9-860bd6d62286</guid><dc:creator>PedroBessa</dc:creator><description>&lt;p&gt;Research KPI, if I&amp;#39;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&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136990?ContentTypeID=1</link><pubDate>Tue, 18 Jun 2024 12:57:09 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:3b87fe22-b6c2-43bd-84a3-754582754264</guid><dc:creator>normanc</dc:creator><description>&lt;p&gt;Progress bar field&lt;/p&gt;
&lt;p&gt;&lt;img style="max-height:240px;max-width:320px;" src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/13/pastedimage1718715359198v1.png" alt=" " /&gt;&lt;/p&gt;
&lt;p&gt;&lt;pre class="ui-code" data-mode="text"&gt;a!forEach(
  items: { 30, 60, 90 },
  expression: a!progressBarField(
    percentage: fv!item,
    style: &amp;quot;THICK&amp;quot;,
    color: a!match(
      value: fv!item,
      whenTrue: fv!value &amp;lt;= 33,
      then: &amp;quot;#FFFF44&amp;quot;,
      whenTrue: fv!value &amp;gt;= 67,
      then: &amp;quot;#FF4444&amp;quot;,
      default: &amp;quot;#44FF44&amp;quot;
    )
  )
)&lt;/pre&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136976?ContentTypeID=1</link><pubDate>Mon, 17 Jun 2024 18:34:51 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:0dc12463-9fe7-4037-a592-cb453ed66aa3</guid><dc:creator>Dai Williams</dc:creator><description>&lt;p&gt;Have a look at the KPI components ...&lt;/p&gt;
&lt;p&gt;&lt;a id="" href="https://docs.appian.com/suite/help/24.2/kpis-pattern.html"&gt;https://docs.appian.com/suite/help/24.2/kpis-pattern.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;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!&lt;/p&gt;
&lt;p&gt;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.&amp;nbsp;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136975?ContentTypeID=1</link><pubDate>Mon, 17 Jun 2024 18:17:34 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:60d3208e-52ac-44bc-9efd-d19d171aa0da</guid><dc:creator>Konduru Chaitanya</dc:creator><description>&lt;p&gt;&lt;img style="max-height:36px;max-width:156px;" height="36" src="/resized-image/__size/312x72/__key/communityserver-discussions-components-files/13/pastedimage1718693549713v1.png" width="156" alt=" " /&gt;&lt;br /&gt;Something like this with richTextDisplayField works? If so below is something that might help. You can try to write in a more efficient way.&lt;br /&gt;&lt;pre class="ui-code" data-mode="text"&gt;a!localVariables(
  local!value: 77 / 10,
  local!items: (enumerate(10) + 1),
  {
    a!richTextDisplayField(
      marginBelow: &amp;quot;NONE&amp;quot;,
      align: &amp;quot;CENTER&amp;quot;,
      value: a!forEach(
        items: local!items,
        expression: {
          a!richTextIcon(
            icon: if(
              fv!index &amp;lt;= local!value,
              &amp;quot;circle-large&amp;quot;,
              if(
                (fv!index - 0.5) &amp;lt;= local!value,
                &amp;quot;adjust&amp;quot;,
                &amp;quot;circle-o-large&amp;quot;
              )
            ),
            size: &amp;quot;LARGE&amp;quot;,
            caption: fv!item * 10,
            color: if(
              fv!item &amp;lt;= 3,
              &amp;quot;POSITIVE&amp;quot;,
              if(
                and(fv!item &amp;gt; 3, fv!item &amp;lt;= 6),
                &amp;quot;#F4C430&amp;quot;,
                &amp;quot;#FF0000&amp;quot;,
                
              )
            )
          ),
          char(32)
        }
      )
    ),
    a!richTextDisplayField(
      marginAbove: &amp;quot;NONE&amp;quot;,
      align: &amp;quot;CENTER&amp;quot;,
      value: a!richTextItem(
        text: local!value * 10,
        size: &amp;quot;LARGE&amp;quot;,
        style: &amp;quot;STRONG&amp;quot;,
        color: &amp;quot;SECONDARY&amp;quot;
      )
    )
  }
)&lt;/pre&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136963?ContentTypeID=1</link><pubDate>Mon, 17 Jun 2024 15:18:04 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:26942489-a763-4165-9ce7-f74c56c31162</guid><dc:creator>Stewart Burchell</dc:creator><description>&lt;p&gt;Like this...&lt;/p&gt;
&lt;p&gt;&lt;img style="max-height:240px;max-width:320px;" src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/13/pastedimage1718637481824v1.png" alt=" " /&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136962?ContentTypeID=1</link><pubDate>Mon, 17 Jun 2024 15:04:40 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:e9176649-a86c-4ed4-8612-92af1d3412fe</guid><dc:creator>Stewart Burchell</dc:creator><description>&lt;p&gt;Ah, ok, so it&amp;#39;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&amp;#39;s one suggestion...I&amp;#39;ll see if there&amp;#39;s anything else a bit more intuitive&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136961?ContentTypeID=1</link><pubDate>Mon, 17 Jun 2024 14:59:21 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:3309f97a-aa22-4413-8d87-3bd6dd4f09ce</guid><dc:creator>BenMc</dc:creator><description>&lt;p&gt;Thanks Stewart, I should have included that detail... trying to avoid using a Plug-in (got to love restrictive InfoSec red tape) you&amp;#39;ve highlighted what I&amp;#39;ve been running into - several great gauges, sliders, in the AppMarket.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: How to display risk on a spectrum low to high?</title><link>https://community.appian.com/thread/136960?ContentTypeID=1</link><pubDate>Mon, 17 Jun 2024 14:54:13 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:7c07b511-3fa2-47eb-a312-f953ad672e50</guid><dc:creator>Stewart Burchell</dc:creator><description>&lt;p&gt;If you&amp;#39;re ok with using plug-ins there&amp;#39;s a nice selection from Vuram in the &lt;a href="/b/appmarket/posts/google-charts-vuram-component"&gt;AppMarket &lt;/a&gt;including this example:&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;img style="max-height:240px;max-width:320px;" src="/resized-image/__size/640x480/__key/communityserver-discussions-components-files/13/pastedimage1718636113275v1.png" alt=" " /&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>