Spaces:
Running
Running
File size: 3,237 Bytes
42ee455 c777272 b699ae9 42ee455 b699ae9 42ee455 64e7b89 42ee455 b699ae9 42ee455 b699ae9 42ee455 64e7b89 42ee455 b699ae9 42ee455 c777272 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 |
"""Ranking charts."""
import vizro.models as vm
from pages._factories import lollipop_factory
from pages._pages_utils import PAGE_GRID, make_code_clipboard_from_py_file
from pages.examples import ordered_bar, ordered_column
ordered_bar_page = vm.Page(
title="Ordered bar",
path="ranking/ordered-bar",
layout=vm.Grid(grid=PAGE_GRID),
components=[
vm.Card(
text="""
#### What is an ordered bar chart?
An ordered bar chart displays bars with lengths proportional to their values, arranged in descending or
ascending order. One axis shows the categories, and the other provides a value scale starting from zero.
#### When should I use it?
Use an ordered bar chart to help your audience compare sizes and identify patterns in categorical data,
emphasizing the order of categories. This is ideal for showing rankings or priorities.
Ensure clear labeling, especially with many bars, and consider using a legend or abbreviations with fuller
descriptions below.
"""
),
vm.Graph(figure=ordered_bar.fig),
vm.Tabs(
tabs=[
vm.Container(
title="Vizro dashboard",
components=[make_code_clipboard_from_py_file("ordered_bar.py", mode="vizro")],
),
vm.Container(
title="Plotly figure",
components=[make_code_clipboard_from_py_file("ordered_bar.py", mode="plotly")],
),
]
),
],
)
ordered_column_page = vm.Page(
title="Ordered column",
path="ranking/ordered-column",
layout=vm.Grid(grid=PAGE_GRID),
components=[
vm.Card(
text="""
#### What is an ordered column chart?
An ordered column chart is a vertical bar chart where columns are arranged in descending or ascending order
based on their values. The column lengths vary according to the categorical value they represent, with the
scale on the y-axis starting from zero.
#### When should I use it?
Use an ordered column chart to help your audience compare sizes and identify patterns in categorical data,
emphasizing the order of categories. This is ideal for showing rankings or progressions. Ensure clear
labeling, especially with many columns, and consider using a legend or abbreviations with fuller
descriptions below.
"""
),
vm.Graph(figure=ordered_column.fig),
vm.Tabs(
tabs=[
vm.Container(
title="Vizro dashboard",
components=[make_code_clipboard_from_py_file("ordered_column.py", mode="vizro")],
),
vm.Container(
title="Plotly figure",
components=[make_code_clipboard_from_py_file("ordered_column.py", mode="plotly")],
),
]
),
],
)
lollipop_page = lollipop_factory("deviation")
pages = [ordered_bar_page, ordered_column_page, lollipop_page]
|