From 8a5963f5156dc557d990c32e25cf43897fb44f57 Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 11:10:28 -0400 Subject: [PATCH 01/10] test color generation --- doc/python/colors-fonts.md | 92 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 doc/python/colors-fonts.md diff --git a/doc/python/colors-fonts.md b/doc/python/colors-fonts.md new file mode 100644 index 00000000000..4751b74a341 --- /dev/null +++ b/doc/python/colors-fonts.md @@ -0,0 +1,92 @@ +--- +jupyter: + jupytext: + notebook_metadata_filter: all + text_representation: + extension: .md + format_name: markdown + format_version: '1.3' + jupytext_version: 1.17.0 + kernelspec: + display_name: Python 3 (ipykernel) + language: python + name: python3 + language_info: + codemirror_mode: + name: ipython + version: 3 + file_extension: .py + mimetype: text/x-python + name: python + nbconvert_exporter: python + pygments_lexer: ipython3 + version: 3.13.2 + plotly: + description: Supported Colors and Fonts + display_as: file_settings + language: python + layout: base + name: Changes in Version 6 + order: 8 + page_type: example_index + permalink: python/colors-fonts/ + thumbnail: null +--- + +# Supported Colors and Fonts + + + +```python hide_code=true +supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", + "beige", "bisque", "black", "blanchedalmond", "blue", + "blueviolet", "brown", "burlywood", "cadetblue", + "chartreuse", "chocolate", "coral", "cornflowerblue", + "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", + "darkgoldenrod", "darkgray", "darkgrey", "darkgreen", + "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", + "darkorchid", "darkred", "darksalmon", "darkseagreen", + "darkslateblue", "darkslategray", "darkslategrey", + "darkturquoise", "darkviolet", "deeppink", "deepskyblue", + "dimgray", "dimgrey", "dodgerblue", "firebrick", + "floralwhite", "forestgreen", "fuchsia", "gainsboro", + "ghostwhite", "gold", "goldenrod", "gray", "grey", "green", + "greenyellow", "honeydew", "hotpink", "indianred", "indigo", + "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", + "lemonchiffon", "lightblue", "lightcoral", "lightcyan", + "lightgoldenrodyellow", "lightgray", "lightgrey", + "lightgreen", "lightpink", "lightsalmon", "lightseagreen", + "lightskyblue", "lightslategray", "lightslategrey", + "lightsteelblue", "lightyellow", "lime", "limegreen", + "linen", "magenta", "maroon", "mediumaquamarine", + "mediumblue", "mediumorchid", "mediumpurple", + "mediumseagreen", "mediumslateblue", "mediumspringgreen", + "mediumturquoise", "mediumvioletred", "midnightblue", + "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", + "oldlace", "olive", "olivedrab", "orange", "orangered", + "orchid", "palegoldenrod", "palegreen", "paleturquoise", + "palevioletred", "papayawhip", "peachpuff", "peru", "pink", + "plum", "powderblue", "purple", "red", "rosybrown", + "royalblue", "rebeccapurple", "saddlebrown", "salmon", + "sandybrown", "seagreen", "seashell", "sienna", "silver", + "skyblue", "slateblue", "slategray", "slategrey", "snow", + "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", + "turquoise", "violet", "wheat", "white", "whitesmoke", + "yellow", "yellowgreen"] +``` + +```python hide_code=true +from IPython.display import HTML, display + +def show_color(color_name): + display(HTML(f'
')) + +# Example usage +for color in supported_colors: + print(color) + show_color(color) +``` + +```python + +``` From b5cc03450eb2c2512caf16ebb63e0711fa6427aa Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 11:16:04 -0400 Subject: [PATCH 02/10] Update colors-fonts.md --- doc/python/colors-fonts.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/doc/python/colors-fonts.md b/doc/python/colors-fonts.md index 4751b74a341..6922b7336f9 100644 --- a/doc/python/colors-fonts.md +++ b/doc/python/colors-fonts.md @@ -26,8 +26,8 @@ jupyter: display_as: file_settings language: python layout: base - name: Changes in Version 6 - order: 8 + name: Supported Colors and Fonts + order: 40 page_type: example_index permalink: python/colors-fonts/ thumbnail: null From b6833c1d0ebeb279b9717047da9c9a5e9b4a082f Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 11:24:44 -0400 Subject: [PATCH 03/10] test color changes --- doc/python/colors-fonts.md | 75 +++++++++++++++++++++++++++++--------- 1 file changed, 58 insertions(+), 17 deletions(-) diff --git a/doc/python/colors-fonts.md b/doc/python/colors-fonts.md index 6922b7336f9..739e9a88f43 100644 --- a/doc/python/colors-fonts.md +++ b/doc/python/colors-fonts.md @@ -26,8 +26,8 @@ jupyter: display_as: file_settings language: python layout: base - name: Supported Colors and Fonts - order: 40 + name: Changes in Version 6 + order: 8 page_type: example_index permalink: python/colors-fonts/ thumbnail: null @@ -35,9 +35,12 @@ jupyter: # Supported Colors and Fonts - +The following are supported colors in Plotly. ```python hide_code=true +import plotly.graph_objects as go +import pandas as pd + supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", @@ -73,20 +76,58 @@ supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen"] -``` - -```python hide_code=true -from IPython.display import HTML, display - -def show_color(color_name): - display(HTML(f'
')) - -# Example usage -for color in supported_colors: - print(color) - show_color(color) -``` -```python +def display_colors_as_shapes(color_names): + fig = go.Figure() + + # Add a colored rectangle for each color name + for i, color in enumerate(color_names): + # Position rectangles in a grid + row, col = i // 5, i % 5 + x0, y0 = col * 1.2, -row * 1.2 + + # Add the colored rectangle + fig.add_shape( + type="rect", + x0=x0, y0=y0, + x1=x0+1, y1=y0+1, + fillcolor=color, + line=dict(color="black", width=1), + ) + + fig.add_annotation( + x=x0+0.5, y=y0-0.1, + text=color, + showarrow=False, + font=dict(size=10) + ) + + height = ((len(color_names) // 5) + (1 if len(color_names) % 5 else 0)) * 120 + + fig.update_layout( + height=height, + width=800, + showlegend=False, + plot_bgcolor='rgba(0,0,0,0)', + margin=dict(l=50, r=50, t=50, b=50), + xaxis=dict( + showgrid=False, + zeroline=False, + showticklabels=False, + range=[-0.5, 6] + ), + yaxis=dict( + showgrid=False, + zeroline=False, + showticklabels=False, + scaleanchor="x", + scaleratio=1, + range=[-((len(color_names) // 5) + 1) * 1.2, 1.5] + ) + ) + + return fig +fig = display_colors_as_shapes(supported_colors) +fig.show() ``` From 0700bc68053b1a604073380dbd44eb26a5cb0d26 Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 11:33:21 -0400 Subject: [PATCH 04/10] Update colors-fonts.md --- doc/python/colors-fonts.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/doc/python/colors-fonts.md b/doc/python/colors-fonts.md index 739e9a88f43..ca3de125980 100644 --- a/doc/python/colors-fonts.md +++ b/doc/python/colors-fonts.md @@ -27,7 +27,7 @@ jupyter: language: python layout: base name: Changes in Version 6 - order: 8 + order: 40 page_type: example_index permalink: python/colors-fonts/ thumbnail: null @@ -78,15 +78,12 @@ supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "yellow", "yellowgreen"] def display_colors_as_shapes(color_names): - fig = go.Figure() + fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) - # Add a colored rectangle for each color name for i, color in enumerate(color_names): - # Position rectangles in a grid row, col = i // 5, i % 5 x0, y0 = col * 1.2, -row * 1.2 - # Add the colored rectangle fig.add_shape( type="rect", x0=x0, y0=y0, @@ -131,3 +128,7 @@ def display_colors_as_shapes(color_names): fig = display_colors_as_shapes(supported_colors) fig.show() ``` + +```python + +``` From 843e017fb3f97352610995d2ee4f946b07ad3eaa Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 11:52:50 -0400 Subject: [PATCH 05/10] Update colors-fonts.md --- doc/python/colors-fonts.md | 40 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 38 insertions(+), 2 deletions(-) diff --git a/doc/python/colors-fonts.md b/doc/python/colors-fonts.md index ca3de125980..b869d3e7fef 100644 --- a/doc/python/colors-fonts.md +++ b/doc/python/colors-fonts.md @@ -33,9 +33,43 @@ jupyter: thumbnail: null --- -# Supported Colors and Fonts + +# Colors and Fonts -The following are supported colors in Plotly. + +## Supported CSS Colors + +Named CSS colors are supported + + +```python +import plotly.graph_objects as go + +months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', + 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] + +fig = go.Figure() +fig.add_trace(go.Bar( + x=months, + y=[20, 14, 25, 16, 18, 22, 19, 15, 12, 16, 14, 17], + name='Primary Product', + marker_color='indianred' +)) +fig.add_trace(go.Bar( + x=months, + y=[19, 14, 22, 14, 16, 19, 15, 14, 10, 12, 12, 16], + name='Secondary Product', + marker_color='lightsalmon' +)) + +# Here we modify the tickangle of the xaxis, resulting in rotated labels. +fig.update_layout(barmode='group', xaxis_tickangle=-45) +fig.show() +``` + +The following named CSS colors are supported in Plotly.py + +and can be used anywhere a color property accepts a named CSS color. For example, a color property on font.. ```python hide_code=true import plotly.graph_objects as go @@ -129,6 +163,8 @@ fig = display_colors_as_shapes(supported_colors) fig.show() ``` +## Supported Fonts + ```python ``` From b98cf541c1eeb0c13457f01e15949e38ae26f64c Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 12:31:20 -0400 Subject: [PATCH 06/10] Update colors-fonts.md --- doc/python/colors-fonts.md | 48 +++++++++++--------------------------- 1 file changed, 13 insertions(+), 35 deletions(-) diff --git a/doc/python/colors-fonts.md b/doc/python/colors-fonts.md index b869d3e7fef..9980cf825ef 100644 --- a/doc/python/colors-fonts.md +++ b/doc/python/colors-fonts.md @@ -33,43 +33,27 @@ jupyter: thumbnail: null --- - -# Colors and Fonts +# Supported CSS Colors - -## Supported CSS Colors - -Named CSS colors are supported - +Many properties in Plotly.py for configuring colors support named CSS colors. For example, marker colors: ```python import plotly.graph_objects as go -months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', - 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] - -fig = go.Figure() -fig.add_trace(go.Bar( - x=months, - y=[20, 14, 25, 16, 18, 22, 19, 15, 12, 16, 14, 17], - name='Primary Product', - marker_color='indianred' -)) -fig.add_trace(go.Bar( - x=months, - y=[19, 14, 22, 14, 16, 19, 15, 14, 10, 12, 12, 16], - name='Secondary Product', - marker_color='lightsalmon' -)) - -# Here we modify the tickangle of the xaxis, resulting in rotated labels. -fig.update_layout(barmode='group', xaxis_tickangle=-45) +fig = go.Figure([ + go.Bar( + x=['Jan', 'Feb', 'Mar', 'Apr'], + y=[20, 14, 25, 16], + name='Primary Product', + # Named CSS color + marker_color='indianred' + ) +]) + fig.show() ``` -The following named CSS colors are supported in Plotly.py - -and can be used anywhere a color property accepts a named CSS color. For example, a color property on font.. +The following CSS colors are supported in Plotly.py when a property accepts a named CSS color: ```python hide_code=true import plotly.graph_objects as go @@ -162,9 +146,3 @@ def display_colors_as_shapes(color_names): fig = display_colors_as_shapes(supported_colors) fig.show() ``` - -## Supported Fonts - -```python - -``` From 5fab7b961e473f3dedefe2369ff1604c898dfcdf Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 13:14:36 -0400 Subject: [PATCH 07/10] change supported colors --- doc/python/{colors-fonts.md => supported-colors.md} | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) rename doc/python/{colors-fonts.md => supported-colors.md} (97%) diff --git a/doc/python/colors-fonts.md b/doc/python/supported-colors.md similarity index 97% rename from doc/python/colors-fonts.md rename to doc/python/supported-colors.md index 9980cf825ef..f1aae8f82e9 100644 --- a/doc/python/colors-fonts.md +++ b/doc/python/supported-colors.md @@ -22,15 +22,15 @@ jupyter: pygments_lexer: ipython3 version: 3.13.2 plotly: - description: Supported Colors and Fonts + description: A list of supported named CSS Colors display_as: file_settings language: python layout: base - name: Changes in Version 6 + name: Supported CSS Colors order: 40 page_type: example_index - permalink: python/colors-fonts/ - thumbnail: null + permalink: python/css-colors/ + thumbnail: thumbnail/shape.jpg --- # Supported CSS Colors From ab0678421390c4ff4dfca509608c0ae642bfc060 Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 14:10:54 -0400 Subject: [PATCH 08/10] Update supported-colors.md --- doc/python/supported-colors.md | 83 +++++++++++++++------------------- 1 file changed, 37 insertions(+), 46 deletions(-) diff --git a/doc/python/supported-colors.md b/doc/python/supported-colors.md index f1aae8f82e9..15d26bf9f87 100644 --- a/doc/python/supported-colors.md +++ b/doc/python/supported-colors.md @@ -46,7 +46,7 @@ fig = go.Figure([ y=[20, 14, 25, 16], name='Primary Product', # Named CSS color - marker_color='indianred' + marker_color='lightblue' ) ]) @@ -95,54 +95,45 @@ supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen"] -def display_colors_as_shapes(color_names): - fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) - - for i, color in enumerate(color_names): - row, col = i // 5, i % 5 - x0, y0 = col * 1.2, -row * 1.2 - - fig.add_shape( - type="rect", - x0=x0, y0=y0, - x1=x0+1, y1=y0+1, - fillcolor=color, - line=dict(color="black", width=1), - ) - - fig.add_annotation( - x=x0+0.5, y=y0-0.1, - text=color, - showarrow=False, - font=dict(size=10) - ) - - height = ((len(color_names) // 5) + (1 if len(color_names) % 5 else 0)) * 120 +fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) + +for i, color in enumerate(supported_colors): + row, col = i // 5, i % 5 + x0, y0 = col * 1.2, -row * 1.2 - fig.update_layout( - height=height, - width=800, - showlegend=False, - plot_bgcolor='rgba(0,0,0,0)', - margin=dict(l=50, r=50, t=50, b=50), - xaxis=dict( - showgrid=False, - zeroline=False, - showticklabels=False, - range=[-0.5, 6] - ), - yaxis=dict( - showgrid=False, - zeroline=False, - showticklabels=False, - scaleanchor="x", - scaleratio=1, - range=[-((len(color_names) // 5) + 1) * 1.2, 1.5] - ) + fig.add_shape( + type="rect", + x0=x0, y0=y0, + x1=x0+1, y1=y0+1, + fillcolor=color, + line=dict(color="black", width=0.1), ) - return fig + fig.add_annotation( + x=x0+0.5, y=y0-0.1, + text=color, + showarrow=False, + font=dict(size=10) + ) + +fig.update_layout( + height=((len(supported_colors) // 5) + (1 if len(supported_colors) % 5 else 0)) * 120, + margin=dict(l=0, r=0, t=50, b=0), + showlegend=False, + plot_bgcolor='rgba(0,0,0,0)', + xaxis=dict( + showticklabels=False, + range=[-0.5, 6] + ), + yaxis=dict( + showticklabels=False, + range=[-((len(supported_colors) // 5) + 1) * 1.2, 1.5] + ) +) -fig = display_colors_as_shapes(supported_colors) fig.show() ``` + +```python + +``` From 64c2405bd9e762df3b57a1d8173b1d1c16e78af7 Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 14:22:00 -0400 Subject: [PATCH 09/10] Revert "Update supported-colors.md" This reverts commit ab0678421390c4ff4dfca509608c0ae642bfc060. --- doc/python/supported-colors.md | 83 +++++++++++++++++++--------------- 1 file changed, 46 insertions(+), 37 deletions(-) diff --git a/doc/python/supported-colors.md b/doc/python/supported-colors.md index 15d26bf9f87..f1aae8f82e9 100644 --- a/doc/python/supported-colors.md +++ b/doc/python/supported-colors.md @@ -46,7 +46,7 @@ fig = go.Figure([ y=[20, 14, 25, 16], name='Primary Product', # Named CSS color - marker_color='lightblue' + marker_color='indianred' ) ]) @@ -95,45 +95,54 @@ supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen"] -fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) - -for i, color in enumerate(supported_colors): - row, col = i // 5, i % 5 - x0, y0 = col * 1.2, -row * 1.2 +def display_colors_as_shapes(color_names): + fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) - fig.add_shape( - type="rect", - x0=x0, y0=y0, - x1=x0+1, y1=y0+1, - fillcolor=color, - line=dict(color="black", width=0.1), - ) + for i, color in enumerate(color_names): + row, col = i // 5, i % 5 + x0, y0 = col * 1.2, -row * 1.2 + + fig.add_shape( + type="rect", + x0=x0, y0=y0, + x1=x0+1, y1=y0+1, + fillcolor=color, + line=dict(color="black", width=1), + ) + + fig.add_annotation( + x=x0+0.5, y=y0-0.1, + text=color, + showarrow=False, + font=dict(size=10) + ) - fig.add_annotation( - x=x0+0.5, y=y0-0.1, - text=color, - showarrow=False, - font=dict(size=10) - ) - -fig.update_layout( - height=((len(supported_colors) // 5) + (1 if len(supported_colors) % 5 else 0)) * 120, - margin=dict(l=0, r=0, t=50, b=0), - showlegend=False, - plot_bgcolor='rgba(0,0,0,0)', - xaxis=dict( - showticklabels=False, - range=[-0.5, 6] - ), - yaxis=dict( - showticklabels=False, - range=[-((len(supported_colors) // 5) + 1) * 1.2, 1.5] + height = ((len(color_names) // 5) + (1 if len(color_names) % 5 else 0)) * 120 + + fig.update_layout( + height=height, + width=800, + showlegend=False, + plot_bgcolor='rgba(0,0,0,0)', + margin=dict(l=50, r=50, t=50, b=50), + xaxis=dict( + showgrid=False, + zeroline=False, + showticklabels=False, + range=[-0.5, 6] + ), + yaxis=dict( + showgrid=False, + zeroline=False, + showticklabels=False, + scaleanchor="x", + scaleratio=1, + range=[-((len(color_names) // 5) + 1) * 1.2, 1.5] + ) ) -) + + return fig +fig = display_colors_as_shapes(supported_colors) fig.show() ``` - -```python - -``` From 6babc46387fcdaa3ae6ab3627122c02f50c6836e Mon Sep 17 00:00:00 2001 From: Liam Connors Date: Wed, 9 Apr 2025 14:23:56 -0400 Subject: [PATCH 10/10] Update supported-colors.md --- doc/python/supported-colors.md | 86 ++++++++++++++++------------------ 1 file changed, 41 insertions(+), 45 deletions(-) diff --git a/doc/python/supported-colors.md b/doc/python/supported-colors.md index f1aae8f82e9..6704db5cce5 100644 --- a/doc/python/supported-colors.md +++ b/doc/python/supported-colors.md @@ -95,54 +95,50 @@ supported_colors = ["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen"] -def display_colors_as_shapes(color_names): - fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) - - for i, color in enumerate(color_names): - row, col = i // 5, i % 5 - x0, y0 = col * 1.2, -row * 1.2 - - fig.add_shape( - type="rect", - x0=x0, y0=y0, - x1=x0+1, y1=y0+1, - fillcolor=color, - line=dict(color="black", width=1), - ) - - fig.add_annotation( - x=x0+0.5, y=y0-0.1, - text=color, - showarrow=False, - font=dict(size=10) - ) - - height = ((len(color_names) // 5) + (1 if len(color_names) % 5 else 0)) * 120 +fig = go.Figure(layout=dict(title="Supported CSS Colors in Plotly.py")) + +for i, color in enumerate(supported_colors): + row, col = i // 5, i % 5 + x0, y0 = col * 1.2, -row * 1.2 - fig.update_layout( - height=height, - width=800, - showlegend=False, - plot_bgcolor='rgba(0,0,0,0)', - margin=dict(l=50, r=50, t=50, b=50), - xaxis=dict( - showgrid=False, - zeroline=False, - showticklabels=False, - range=[-0.5, 6] - ), - yaxis=dict( - showgrid=False, - zeroline=False, - showticklabels=False, - scaleanchor="x", - scaleratio=1, - range=[-((len(color_names) // 5) + 1) * 1.2, 1.5] - ) + fig.add_shape( + type="rect", + x0=x0, y0=y0, + x1=x0+1, y1=y0+1, + fillcolor=color, + line=dict(color="black", width=0.2), ) - return fig + fig.add_annotation( + x=x0+0.5, y=y0-0.1, + text=color, + showarrow=False, + font=dict(size=10) + ) + +height = ((len(supported_colors) // 5) + (1 if len(supported_colors) % 5 else 0)) * 120 + +fig.update_layout( + height=height, + width=800, + showlegend=False, + plot_bgcolor='rgba(0,0,0,0)', + margin=dict(l=0, r=50, t=50, b=0), + xaxis=dict( + showgrid=False, + zeroline=False, + showticklabels=False, + range=[-0.5, 6] + ), + yaxis=dict( + showgrid=False, + zeroline=False, + showticklabels=False, + scaleanchor="x", + scaleratio=1, + range=[-((len(supported_colors) // 5) + 1) * 1.2, 1.5] + ) +) -fig = display_colors_as_shapes(supported_colors) fig.show() ```