From b12a4e26fef632100b96bbc172b2798ba1a8ace4 Mon Sep 17 00:00:00 2001
From: Rob Letzler <22990670+rl-utility-man@users.noreply.github.com>
Date: Fri, 9 May 2025 15:46:45 -0400
Subject: [PATCH 1/4] replace rgb codes with CSS colors including plotly
 recommended colors

---
 doc/python/horizontal-bar-charts.md | 50 ++++++++++++++---------------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/doc/python/horizontal-bar-charts.md b/doc/python/horizontal-bar-charts.md
index 3a5070f9bc8..09cdb982a1c 100644
--- a/doc/python/horizontal-bar-charts.md
+++ b/doc/python/horizontal-bar-charts.md
@@ -91,8 +91,8 @@ fig.add_trace(go.Bar(
     name='SF Zoo',
     orientation='h',
     marker=dict(
-        color='rgba(246, 78, 139, 0.6)',
-        line=dict(color='rgba(246, 78, 139, 1.0)', width=3)
+        color='hotpink',
+        line=dict(color='deeppink', width=3)
     )
 ))
 fig.add_trace(go.Bar(
@@ -101,8 +101,8 @@ fig.add_trace(go.Bar(
     name='LA Zoo',
     orientation='h',
     marker=dict(
-        color='rgba(58, 71, 80, 0.6)',
-        line=dict(color='rgba(58, 71, 80, 1.0)', width=3)
+        color='dimgray',
+        line=dict(color='black', width=3)
     )
 ))
 
@@ -118,10 +118,8 @@ import plotly.graph_objects as go
 top_labels = ['Strongly<br>agree', 'Agree', 'Neutral', 'Disagree',
               'Strongly<br>disagree']
 
-colors = ['rgba(38, 24, 74, 0.8)', 'rgba(71, 58, 131, 0.8)',
-          'rgba(122, 120, 168, 0.8)', 'rgba(164, 163, 204, 0.85)',
-          'rgba(190, 192, 213, 1)']
-
+colors = ['DarkBlue', 'MediumBlue', 'cyan', 'mediumpurple', 'thistle']
+#, 'silver'
 x_data = [[21, 30, 21, 16, 12],
           [24, 31, 19, 15, 11],
           [27, 26, 23, 11, 13],
@@ -142,7 +140,7 @@ for i in range(0, len(x_data[0])):
             orientation='h',
             marker=dict(
                 color=colors[i],
-                line=dict(color='rgb(248, 248, 249)', width=1)
+                line=dict(color='ghostwhite', width=1)
             )
         ))
 
@@ -161,8 +159,8 @@ fig.update_layout(
         zeroline=False,
     ),
     barmode='stack',
-    paper_bgcolor='rgb(248, 248, 255)',
-    plot_bgcolor='rgb(248, 248, 255)',
+    paper_bgcolor='lavenderblush',
+    plot_bgcolor='lavenderblush',
     margin=dict(l=120, r=10, t=140, b=80),
     showlegend=False,
 )
@@ -176,14 +174,14 @@ for yd, xd in zip(y_data, x_data):
                             xanchor='right',
                             text=str(yd),
                             font=dict(family='Arial', size=14,
-                                      color='rgb(67, 67, 67)'),
+                                      color='dimgray'),
                             showarrow=False, align='right'))
     # labeling the first percentage of each bar (x_axis)
     annotations.append(dict(xref='x', yref='y',
                             x=xd[0] / 2, y=yd,
                             text=str(xd[0]) + '%',
                             font=dict(family='Arial', size=14,
-                                      color='rgb(248, 248, 255)'),
+                                      color='white'),
                             showarrow=False))
     # labeling the first Likert scale (on the top)
     if yd == y_data[-1]:
@@ -191,7 +189,7 @@ for yd, xd in zip(y_data, x_data):
                                 x=xd[0] / 2, y=1.1,
                                 text=top_labels[0],
                                 font=dict(family='Arial', size=14,
-                                          color='rgb(67, 67, 67)'),
+                                          color='dimgray'),
                                 showarrow=False))
     space = xd[0]
     for i in range(1, len(xd)):
@@ -200,7 +198,7 @@ for yd, xd in zip(y_data, x_data):
                                     x=space + (xd[i]/2), y=yd,
                                     text=str(xd[i]) + '%',
                                     font=dict(family='Arial', size=14,
-                                              color='rgb(248, 248, 255)'),
+                                              color=f"{'white'*(i<2)}{'black'*(i>=2)}"),
                                     showarrow=False))
             # labeling the Likert scale
             if yd == y_data[-1]:
@@ -208,7 +206,7 @@ for yd, xd in zip(y_data, x_data):
                                         x=space + (xd[i]/2), y=1.1,
                                         text=top_labels[i],
                                         font=dict(family='Arial', size=14,
-                                                  color='rgb(67, 67, 67)'),
+                                                  color='dimgray'),
                                         showarrow=False))
             space += xd[i]
 
@@ -314,9 +312,9 @@ fig.add_trace(go.Bar(
     x=y_saving,
     y=x,
     marker=dict(
-        color='rgba(50, 171, 96, 0.6)',
+        color='mediumseagreen',
         line=dict(
-            color='rgba(50, 171, 96, 1.0)',
+            color='seagreen',
             width=1),
     ),
     name='Household savings, percentage of household disposable income',
@@ -326,7 +324,7 @@ fig.add_trace(go.Bar(
 fig.add_trace(go.Scatter(
     x=y_net_worth, y=x,
     mode='lines+markers',
-    line_color='rgb(128, 0, 128)',
+    line_color='purple',
     name='Household net worth, Million USD/capita',
 ), 1, 2)
 
@@ -342,7 +340,7 @@ fig.update_layout(
         showgrid=False,
         showline=True,
         showticklabels=False,
-        linecolor='rgba(102, 102, 102, 0.8)',
+        linecolor='gray',
         linewidth=2,
         domain=[0, 0.85],
     ),
@@ -364,8 +362,8 @@ fig.update_layout(
     ),
     legend=dict(x=0.029, y=1.038, font_size=10),
     margin=dict(l=100, r=20, t=70, b=70),
-    paper_bgcolor='rgb(248, 248, 255)',
-    plot_bgcolor='rgb(248, 248, 255)',
+    paper_bgcolor='lavenderblush',
+    plot_bgcolor='lavenderblush',
 )
 
 annotations = []
@@ -380,14 +378,14 @@ for ydn, yd, xd in zip(y_nw, y_s, x):
                             y=xd, x=ydn - 20000,
                             text='{:,}'.format(ydn) + 'M',
                             font=dict(family='Arial', size=12,
-                                      color='rgb(128, 0, 128)'),
+                                      color='purple'),
                             showarrow=False))
     # labeling the bar net worth
     annotations.append(dict(xref='x1', yref='y1',
                             y=xd, x=yd + 3,
                             text=str(yd) + '%',
-                            font=dict(family='Arial', size=12,
-                                      color='rgb(50, 171, 96)'),
+                            font=dict(family='Arial', size=16,
+                                      color='mediumseagreen'),
                             showarrow=False))
 # Source
 annotations.append(dict(xref='paper', yref='paper',
@@ -396,7 +394,7 @@ annotations.append(dict(xref='paper', yref='paper',
                              '(2015), Household savings (indicator), ' +
                              'Household net worth (indicator). doi: ' +
                              '10.1787/cfc6f499-en (Accessed on 05 June 2015)',
-                        font=dict(family='Arial', size=10, color='rgb(150,150,150)'),
+                        font=dict(family='Arial', size=10, color='gray'),
                         showarrow=False))
 
 fig.update_layout(annotations=annotations)

From 123c6b93d1ae385c57ba8e64d194ed4b1341beaa Mon Sep 17 00:00:00 2001
From: Rob Letzler <22990670+rl-utility-man@users.noreply.github.com>
Date: Tue, 3 Jun 2025 19:17:52 -0400
Subject: [PATCH 2/4] deleted stray comment

---
 doc/python/horizontal-bar-charts.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/doc/python/horizontal-bar-charts.md b/doc/python/horizontal-bar-charts.md
index 09cdb982a1c..04c57fd2104 100644
--- a/doc/python/horizontal-bar-charts.md
+++ b/doc/python/horizontal-bar-charts.md
@@ -119,7 +119,6 @@ top_labels = ['Strongly<br>agree', 'Agree', 'Neutral', 'Disagree',
               'Strongly<br>disagree']
 
 colors = ['DarkBlue', 'MediumBlue', 'cyan', 'mediumpurple', 'thistle']
-#, 'silver'
 x_data = [[21, 30, 21, 16, 12],
           [24, 31, 19, 15, 11],
           [27, 26, 23, 11, 13],

From bd10f207b5c6fce173aae5fbbd2bdd0eb7a68e2d Mon Sep 17 00:00:00 2001
From: Rob Letzler <22990670+rl-utility-man@users.noreply.github.com>
Date: Mon, 9 Jun 2025 17:10:32 -0400
Subject: [PATCH 3/4] cyan-> dark slate blue; conditional coloring of text on
 bars to -> ghostwhite

---
 doc/python/horizontal-bar-charts.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/doc/python/horizontal-bar-charts.md b/doc/python/horizontal-bar-charts.md
index 04c57fd2104..8ad1343b57d 100644
--- a/doc/python/horizontal-bar-charts.md
+++ b/doc/python/horizontal-bar-charts.md
@@ -118,7 +118,7 @@ import plotly.graph_objects as go
 top_labels = ['Strongly<br>agree', 'Agree', 'Neutral', 'Disagree',
               'Strongly<br>disagree']
 
-colors = ['DarkBlue', 'MediumBlue', 'cyan', 'mediumpurple', 'thistle']
+colors = ['DarkBlue', 'MediumBlue', 'DarkSlateBlue', 'mediumpurple', 'thistle']
 x_data = [[21, 30, 21, 16, 12],
           [24, 31, 19, 15, 11],
           [27, 26, 23, 11, 13],
@@ -197,7 +197,7 @@ for yd, xd in zip(y_data, x_data):
                                     x=space + (xd[i]/2), y=yd,
                                     text=str(xd[i]) + '%',
                                     font=dict(family='Arial', size=14,
-                                              color=f"{'white'*(i<2)}{'black'*(i>=2)}"),
+                                              color='ghostwhite'),
                                     showarrow=False))
             # labeling the Likert scale
             if yd == y_data[-1]:

From 81a6e9c6d1037b778f608406042b896e805731bb Mon Sep 17 00:00:00 2001
From: Rob Letzler <22990670+rl-utility-man@users.noreply.github.com>
Date: Mon, 9 Jun 2025 21:05:27 -0400
Subject: [PATCH 4/4] adding introductory text.

---
 doc/python/horizontal-bar-charts.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/doc/python/horizontal-bar-charts.md b/doc/python/horizontal-bar-charts.md
index 8ad1343b57d..0d1b08fd248 100644
--- a/doc/python/horizontal-bar-charts.md
+++ b/doc/python/horizontal-bar-charts.md
@@ -112,6 +112,8 @@ fig.show()
 
 ### Color Palette for Bar Chart
 
+This bar chart uses a sequential palette to show gradations of responses.  Additional color options for sequential palettes are available at [The Urban Institute](https://urbaninstitute.github.io/graphics-styleguide/#color) and [Colorbrewer](https://colorbrewer2.org/#type=sequential)
+
 ```python
 import plotly.graph_objects as go
 

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/plotly/plotly.py/pull/5175.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/plotly/plotly.py/pull/5175.patch" target="_blank">pFad Proxy</a></p><p><a href="http://clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/plotly/plotly.py/pull/5175.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/plotly/plotly.py/pull/5175.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>