linearized the gauge

app.py

@@ -1,6 +1,7 @@
 import streamlit as st
 import transformers as tf
 import pandas as pd
+from plotly import graph_objects as go
 
 from overview import NQDOverview
 

overview.py

@@ -66,19 +66,26 @@ class NQDOverview(object):
         return color 
 
     def _build_figure(self):
-        color = self._get_color()
         fig = go.Figure(go.Indicator(
-            domain = {'x': [0, 1], 'y': [0, 1]},
-            value = self.results['qual']['label'],
-            mode = "gauge+number",
-            title = {'text': "QuAL"},
-            gauge = {'axis': {'range': [None, 5], 'showticklabels': True, 'ticks': ""},
-                    'bgcolor': 'lightgray',
-                    'bar': {'color': color, 'thickness': 1.0}
-                    }
-            ),
-            layout=go.Layout(margin=dict(t=0, b=0))
-        )
+            mode = "number+gauge", value = self.results['qual']['label'],
+            domain = {'x': [0.1, 1], 'y': [0, 1]},
+            title = {'text' :"<b>QuAL:</b>"},
+            gauge = {
+                'shape': "bullet",
+                'axis': {'range': [-0.5, 5.5]},
+                'steps': [
+                    {'range': [-0.5, 0.5], 'color': "maroon"},
+                    {'range': [0.5, 1.5], 'color': 'indianred'},
+                    {'range': [1.5, 2.5], 'color': "orange"},
+                    {"range": [2.5, 3.5], 'color': 'gold'},
+                    {'range': [3.5,4.5], 'color': 'lightgreen'},
+                    {'range': [4.5,5.5], 'color': 'green'}
+                ],
+                'bar': {
+                    'color': 'rgba(123, 123, 123, 0.85)',
+                    'thickness': 0.7
+                }}))
+        fig.update_layout(margin=go.Margin(t=25, b=20), height=125)
         return fig
 
     def draw(self):    
@@ -88,13 +95,10 @@ class NQDOverview(object):
             st.markdown(about_blurb)
 
         fig = self._build_figure()
+        st.plotly_chart(fig, use_container_width=True)
 
-
-        chart_cols = st.columns([8,2], gap="small")
-        chart_cols[0].plotly_chart(fig, user_container_width=True)
-
-        cols = st.columns([1,3,3,3])
-        with cols[1]:
+        cols = st.columns(3)
+        with cols[0]:
             q1lab = self.results['q1']['label']
             if q1lab == 0:
                 md_str = '😥 None'
@@ -111,7 +115,7 @@ class NQDOverview(object):
             prog_score, prog_theme = self.get_prog_setup('q1')
                 # hc.progress_bar(prog_score, f'{prog_score:.2f}% confident', override_theme=prog_theme)
 
-        with cols[2]:
+        with cols[1]:
             q2lab = self.results['q2i']['label']
             if q2lab == 0:
                 md_str = '✅ Yes'
@@ -122,7 +126,7 @@ class NQDOverview(object):
             prog_score, prog_theme = self.get_prog_setup('q2i')
             # hc.progress_bar(prog_score, f'{prog_score:.2f}% confident', override_theme=prog_theme)
 
-        with cols[3]:
+        with cols[2]:
             q3lab = self.results['q3i']['label']
             if q3lab == 0:
                 md_str = '✅ Yes'