Spaces:
Running
Running
| """Deviation charts.""" | |
| import plotly.io as pio | |
| import vizro.models as vm | |
| import vizro.plotly.express as px | |
| from pages._factories import butterfly_factory | |
| from pages._pages_utils import PAGE_GRID, make_code_clipboard_from_py_file, pastries | |
| butterfly = butterfly_factory("deviation") | |
| diverging_bar = vm.Page( | |
| title="Diverging bar", | |
| path="deviation/diverging-bar", | |
| layout=vm.Layout(grid=PAGE_GRID), | |
| components=[ | |
| vm.Card( | |
| text=""" | |
| #### What is a diverging bar? | |
| A diverging bar chart is a version of a bar chart used to display both positive and negative values across | |
| a common baseline. Bars extend either to the left or right of the central axis, indicating negative or | |
| positive values, respectively. This allows for easy comparison of data points that deviate in opposite | |
| directions. | |
| | |
| #### When should I use it? | |
| Use a diverging bar chart to compare positive and negative values from a central baseline. These charts are | |
| suitable for visualizing profit and loss, survey results, and performance metrics. Apply color coding | |
| effectively, using distinct colors for positive and negative values to quickly distinguish categories. | |
| Alternatively, use a continuous diverging color scale for a more nuanced view, especially with a wide range | |
| of values. Ensure a consistent scale on both sides of the baseline to avoid misleading interpretations. | |
| """ | |
| ), | |
| vm.Graph( | |
| figure=px.bar( | |
| pastries.sort_values("Profit Ratio"), | |
| orientation="h", | |
| x="Profit Ratio", | |
| y="pastry", | |
| color="Profit Ratio", | |
| color_continuous_scale=pio.templates["vizro_dark"].layout.colorscale.diverging, | |
| color_continuous_midpoint=0, | |
| ), | |
| ), | |
| make_code_clipboard_from_py_file("diverging_bar.py"), | |
| ], | |
| ) | |
| pages = [butterfly, diverging_bar] | |