Spaces:
Running
Running
File size: 3,368 Bytes
42ee455 |
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 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 |
"""Distribution charts."""
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, tips
violin = vm.Page(
title="Violin",
path="distribution/violin",
layout=vm.Layout(grid=PAGE_GRID),
components=[
vm.Card(
text="""
#### What is a violin chart?
A violin chart is similar to a box plot, but works better for visualizing more complex distributions and
their probability density at different values.
#### When should I use it?
Use this chart to go beyond the simple box plot and show the distribution shape of the data, the
inter-quartile range, the confidence intervals and the median.
"""
),
vm.Graph(
figure=px.violin(
tips,
y="total_bill",
x="day",
color="day",
box=True,
)
),
make_code_clipboard_from_py_file("violin.py"),
],
)
boxplot = vm.Page(
title="Boxplot",
path="distribution/boxplot",
layout=vm.Layout(grid=PAGE_GRID),
components=[
vm.Card(
text="""
#### What is a boxplot?
A box plot (also known as whisker plot) provides a visual display of multiple datasets,
indicating the median (center) and the range of the data for each.
#### When should I use it?
Choose a box plot when you need to summarize distributions between many groups or datasets. It takes up
less space than many other charts.
Create boxes to display the median, and the upper and lower quartiles. Add whiskers to highlight
variability outside the upper and lower quartiles. You can add outliers as dots beyond, but in line with
the whiskers.
"""
),
vm.Graph(
figure=px.box(
tips,
y="total_bill",
x="day",
color="day",
)
),
make_code_clipboard_from_py_file("boxplot.py"),
],
)
butterfly = butterfly_factory("distribution")
histogram = vm.Page(
title="Histogram",
path="distribution/histogram",
layout=vm.Layout(grid=PAGE_GRID),
components=[
vm.Card(
text="""
#### What is a histogram?
A histogram organizes numerical data into columns, with the size of each column representing how frequently
values fall within specified ranges. It visualizes data across a continuous interval.
#### When should I use it?
A histogram is useful for showing your audience where specific values are concentrated, identifying the
extremes, and spotting any gaps or outliers. It can also help you visualize a rough probability
distribution. Ensure that the gaps between columns are minimal to make the 'shape' of your data
immediately clear.
"""
),
vm.Graph(figure=px.histogram(tips, x="total_bill")),
make_code_clipboard_from_py_file("histogram.py"),
],
)
pages = [violin, boxplot, butterfly, histogram]
|